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

前言

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

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

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

{{ item.value }}

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

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

全部

部分

零散

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

这里就不分开写效果图了

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

补充知识：vue绑定单选框(radio)和复选框(CheckBox)

html部分

问卷调查

{{item.title}}

{{item2}}

{{item3}}

vue数据绑定

data() {

return {

radio2:\,

checkbox:[],

question:[

{

title:"1、请选择你的性别",

sex:[

男,女

如果觉得《vue单选框选中_vue radio单选框 获取当前项(每一项)的value值操作》对你有帮助，请点赞、收藏，并留下你的观点哦！