element-ui循环显示radio控件信息的方法
时间：2021-06-11 08:10:21|栏目：vue|点击： 次
如下所示：
<el-form-item label="线路类型：" prop="isGive">
<el-radio-group v-model="currentLine.isGive">
<el-radio :label="item.id" :key="item.id" v-for="item in isGive" >{{item.name}}</el-radio>
</el-radio-group>
</el-form-item>
data () {
return {
merchantId: 0,
centerDialogVisible: false,
lineList: [],
portOptions: [],
isGive:[
{
id : "n",
name : "购买"
},
{
id : "y",
name : "赠送"
}
],
根据接收到的数据
currentLine.isGive
来决定显示购买和赠送，如果不写{{item.name}}那么默认显示的是radio所绑定的：lable的值，如果想要使不同的选项显示，要在data中建一个json数据，结构代码中插入{{item.name}}来取代默认的显示值。
