学校排行榜

(0)

投一票

Vue3双向绑定单选按钮基础 官网

在Vue3里,双向绑定单选按钮很常用。借助v-model指令,可实现数据和单选按钮状态的双向同步。 template div input type="radio" id="option1" value="option1" v-model="selectedOption" label for="option1"选项1/label input type="radio" id="option2" value="option2" v-model="selectedOption" label for="option2"选项2/label p选择的选项: {{ selectedOption }}/p /div/templatescript setupimport { ref } from 'vue';const selectedOption = ref(''); // 运行结果:初始为空,选择后显示所选值/script 要保证单选按钮的value属性不同,不然绑定会出错。
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。