vue radio单选框,获取当前项(每一项)的value值操作

前言

本文使用了lable关联选中，实际使用中如果不需要，直接将循环语句 v-for 写在 input标签上就可以

1、使用v-for循环的radio单选框

01）需要注意的是，这是使用的是 change 事件，而不是 click 点击事件

2、不使用v-for循环的radio单选框

01）需要注意的是，这是使用的是 change 事件，而不是 click 点击事件

点击每一项获得当前项的value值，使用v-for 和不使用v-for 实现的效果是一样的

这里就不分开写效果图了

如果本篇文章对你有帮助的话，很高兴能够帮助上你。

补充知识：vue绑定单选框（radio）和复选框（checkbox）

html部分

vue数据绑定

js部分

以上这篇vue radio单选框,获取当前项(每一项)的value值操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。