element-ui循环显示radio控件信息的方法
(编辑：jimmy 日期: 2024/5/8 浏览：3 次 )
如下所示：
<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}}来取代默认的显示值。
以上这篇element-ui循环显示radio控件信息的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
下一篇：vue-cli2打包前和打包后的css前缀不一致的问题解决