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

前往低代码交流专区

更多推荐