700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue 使用element 单选框 怎么同时获取value和label值

vue 使用element 单选框 怎么同时获取value和label值

时间:2021-04-18 00:04:40

相关推荐

vue 使用element  单选框 怎么同时获取value和label值

单选框要获取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的},}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。