vue 使用element 单选框 怎么同时获取value和label值
单选框要获取value和label,并且会在不同组件接口使用,就不能把数据写死,而是要做一个循环,获取到后就可以传给其他组件使用了;如下:样式图://HTML<b>用户体系类型:</b><el-radio-group v-model="radio" @change=changeMax><el-radio v-model="addCagLabel"v-for
·
单选框要获取value和label,并且会在不同组件接口使用,就不能把数据写死,而是要做一个循环,获取到后就可以传给其他组件使用了;如下:
样式图:
//HTML
<b>用户体系类型:</b>
<el-radio-group v-model="radio" @change=changeMax>
<el-radio v-model="addCagLabel" v-for="item in radioPay" :key="item.value" :label="item.label" :value="item.value"></el-radio>
</el-radio-group>
data(){
return {
addCagLabel:'BESTPAY',
radio: '翼支付客户端' ,
radioPay:[
{
label:'其他',
value:'9999',
},
{
label:'翼支付客户端',
value:'BESTPAY'
},
{
label:'财富客户端',
value:'FIN'
},
],
}
}
methods: {
changeMax(vId){
console.log('klkl',vId)
let obj = {};
obj = this.radioPay.find((item)=>{ //这里的radioPay就是上面遍历的数据源
return item.label === vId; //筛选出匹配数据,这里的value是你遍历数组每一项的value,如果没有对后台返回的数据做处理,一般为id
});
this.addCagLabel = obj.value //打印出来的obj.value 就是想要的label值
console.log('mkmk',this.addCagLabel);// 这里的addCagLabel就是对应label的
},
}
更多推荐
已为社区贡献8条内容
所有评论(0)