element-ui循环显示radio控件信息的方法
程序员文章站
2022-07-03 21:01:01
如下所示：
如下所示：
<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控件信息的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。