vue单选选不上的解决办法:1、使用Radio组件,设置“v-model”绑定变量;2、通过“
... ”方式使Radio单选框被选中即可。
本教程操作环境:Windows10系统、vue3版、DELL G3电脑
vue单选选不上怎么办?
vue 中 Radio 单选框 无法选中和被选中 问题
备选项
备选项 data () {
return {
radio: '1'
};
}
要使用 Radio 组件,只需要设置v-model
绑定变量,
v-model=" radio " 相当于 :value="radio" @change=" val => radio=val "
label 是单选框的值, label
可以是String
、Number
或Boolean
。
change | 绑定值变化时触发的事件 | 选中的 Radio label 值 |
当 label 的值等于 value 的值时,就会被 选中 ,
如果不想被选中, 可以给value 一个固定的不等于label 的 值。
推荐学习:《vue视频教程》
以上是vue单选选不上怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!