rideo选中 vue_vue中怎么获取radio的选中值?

方法1:

设置v-model

test

获取选中的值

var vm = new Vue({

el:'#app',

data(){

return{

checkedValue:'',

list:[{value:1},{value:2},{value:3}]

}

},

methods:{

test(){

console.log('被选中的值为:'+this.checkedValue)

}

}

});

方法2:

如果不想每次点击都判断,那就提供一个思路,定义一个radio数组list,每项设置一个isCheck标识,循环该数组渲染radio,点击按钮时再统一去判断

test

获取选中的值

var vm = new Vue({

el:'#app',

data(){

return{

list:[{value:1,isCheck:false},{value:2,isCheck:false},{value:3,isCheck:false}]

}

},

methods:{

changeInput(index){

this.list.map((v,i)=>{

if(i==index){

v.isCheck = true

}else{

v.isCheck = false

}

})

},

test(){

this.list.map((v,i)=>{

if(v.isCheck){

console.log('被选中的值为:'+v.value)

}

})

}

}

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值