vue单选选不上怎么办

前端技术 03/18 Vue

vue单选选不上的解决办法：1、使用radio组件，设置“v-model”绑定变量；2、通过“...”方式使radio单选框被选中即可。

vue单选选不上怎么办

本教程操作环境：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单选选不上怎么办的详细内容，更多请关注本站点其它相关文章！

本文地址：https://www.stayed.cn/item/27039

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请联系我

我的博客