前言:
在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值