element-ui循环显示radio控件信息
2018-03-23 20:09
549 查看
<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控件信息的方法
- iOS UI控件没有显示时的调试技巧
- C# 学习笔记(一) ListView控件显示数据库表信息
- swift中UI适配,即视图控件在导航栏下面开始显示
- vue + ElementUI 表格筛选框的高度设置,超出一定高度,显示滚动条
- 如何在CStatic控件的指定位置显示提示信息
- 解决element UI tree控件无单选API,无法实现单选问题
- DataBind包括三大方法,Repeater,DataList和DataGrid,这些控件都位于 System.Web.UI.WebControls 命名空间中,从 WebControl 基类中直接或间接派生出来的。这些方法都是通过HTML来显示数据的内
- 小黑小波比.获取值传入到radio控件,显示选中状态
- 背水一战 Windows 10 (73) - 控件(控件基类): UIElement - 拖放的基本应用, 手动开启 UIElement 的拖放操作
- 百度地图InfoWindow循环显示不同的信息窗口
- vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
- Repeater控件,显示数据库信息
- 鼠标onmousemove 到控件上,显示提示信息!
- 网上购物系统(Task007)——自定义DateList控件分页显示商品信息
- WinForm控件分享之文件信息显示控件【c#源码】
- Atitit.dwr3 不能显示错误详细信息的解决方案,控件显示错误详细信息的解决方案 java .net php
- Android控件笔记——在界面中显示及输入文本信息
- 使AspNetPager控件中文显示分页信息的示例
- ocx控件注册信息丢失导致IE部分网站不能正常显示