首页  >  文章  >  web前端  >  vue单选选不上怎么办

vue单选选不上怎么办

藏色散人
藏色散人原创
2023-01-29 14:24:002553浏览

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

vue单选选不上怎么办

本教程操作环境:Windows10系统、vue3版、DELL G3电脑

vue单选选不上怎么办?

vue 中 Radio 单选框 无法选中和被选中 问题

234930b0bd4679f840eca1afde9902e.jpg

 备选项

 备选项

 data () {

 return {

      radio: '1'

    };

 }

 要使用 Radio 组件,只需要设置v-model绑定变量,

v-model=" radio " 相当于   :value="radio"  @change=" val => radio=val "

label  是单选框的值, label可以是StringNumberBoolean

change 绑定值变化时触发的事件 选中的 Radio label 值

当 label 的值等于 value 的值时,就会被 选中 ,

如果不想被选中, 可以给value 一个固定的不等于label 的 值。

推荐学习:《vue视频教程

以上是vue单选选不上怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn