学校排行榜

(0)

投一票

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

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