iview的radio设置value+label

前言:

      在iview中使用单选radio的时候,观察官网案例会发现,里面只有汉字,也就是label,但是我们后台数据一般都是页面展示label,然后后台需要value值,这种操作的

实现代码:

1 ,在data定义数组

      urlList:[
          {
            label:'有',
            value:'1'
          },
          {
            label:'无',
            value:'2'
          }
        ],

2 , 在template中

       <RadioGroup v-model="addModel.redioChange" >
            <Radio v-for="item in urlList" :label="item.value" :key="item.value">
              <span>{{item.label}}</span>
            </Radio>
          </RadioGroup>

3 ,如果需要事件

 <RadioGroup v-model="addModel.redioChange" @on-change="changeRadio">

这里拿到的就是value

猜你喜欢

转载自blog.csdn.net/qq_41619796/article/details/107792188
今日推荐