vue.js循环radio的实例


Posted in Javascript onNovember 07, 2019

最近在做一个组件联动的,需要循环展示el-radio,花了很多时间现在记录一下,也给遇到类似问题的小伙伴一个参考

<el-radio-group v-model="radioArray[item.name]" @change="handleRadioChanges">
   <el-radio v-for="opt in options" :key="opt.label" :label="String(opt.label)"> 
    {{opt.value}}
   </el-radio>
 </el-radio-group>

效果:

vue.js循环radio的实例

数据格式:

options: [ {label:"1",value:"只读"}, {label:"2",value:"隐藏"} ],
radioArray:{"c_name":"1","c_email":"2","c_status","1"}

以上这篇vue.js循环radio的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 Javascript
终于解决了IE8不支持数组的indexOf方法
Apr 03 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
Apr 16 Javascript
浅析jQuery EasyUI中的tree使用指南
Dec 18 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
JavaScript保存并运算页面中数字类型变量的写法
Jul 06 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
Sep 27 Javascript
JavaScript实现简单的双色球(实例讲解)
Jul 31 Javascript
[js高手之路]原型式继承与寄生式继承详解
Aug 28 Javascript
vue项目使用微信公众号支付总结及遇到的坑
Oct 23 Javascript
微信小程序实现随机验证码功能
Dec 20 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 #Javascript
vue遍历对象中的数组取值示例
Nov 07 #Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 07 #Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
Nov 07 #Javascript
vue 实现v-for循环回来的数据动态绑定id
Nov 07 #Javascript
vue改变循环遍历后的数据实例
Nov 07 #Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
Nov 07 #Javascript
You might like
xml+php动态载入与分页
2006/10/09 PHP
php实现与erlang的二进制通讯实例解析
2014/07/23 PHP
yii的入口文件index.php中为什么会有这两句
2016/08/04 PHP
PHP接口类(interface)的定义、特点和应用示例
2020/05/18 PHP
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
2009/08/28 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
JavaScript中使用Callback控制流程介绍
2015/03/16 Javascript
js实现模拟计算器退格键删除文字效果的方法
2015/05/07 Javascript
jQuery处理图片加载失败的常用方法
2015/06/08 Javascript
javascript控制图片播放的实现代码
2020/07/29 Javascript
BootStrap实现手机端轮播图左右滑动事件
2016/10/13 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
Vue全家桶实践项目总结(推荐)
2017/11/04 Javascript
nodejs读取并去重excel文件
2018/04/22 NodeJs
Vue2.0实现组件之间数据交互和通信操作示例
2019/05/16 Javascript
vue elementui tree 任意级别拖拽功能代码
2020/08/31 Javascript
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
浅谈python可视化包Bokeh
2018/02/07 Python
Python列表(List)知识点总结
2019/02/18 Python
Python将列表数据写入文件(txt, csv,excel)
2019/04/03 Python
Python 实现数组相减示例
2019/12/27 Python
解决Jupyter Notebook使用parser.parse_args出现错误问题
2020/04/20 Python
浅析pandas随机排列与随机抽样
2021/01/22 Python
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
电子信息专业学生自荐信
2013/11/09 职场文书
导购员的岗位职责
2014/02/08 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
环保建议书
2014/03/12 职场文书
立案决定书范文
2015/06/24 职场文书
运动会报道稿大全
2015/07/23 职场文书
趣味运动会标语口号
2015/12/26 职场文书
医德医风学习心得体会
2016/01/25 职场文书
python geopandas读取、创建shapefile文件的方法
2021/06/29 Python