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