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 相关文章推荐
JAVASCRIPT style 中visibility和display之间的区别
Jan 22 Javascript
jQuery实现加入购物车飞入动画效果
Mar 14 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
Jan 28 Javascript
AngularJS中比较两个数组是否相同
Aug 24 Javascript
详解JS中的attribute属性
Apr 25 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
JS中原始值和引用值的储存方式示例详解
Mar 23 Javascript
vue .sync修饰符的使用详解
Jun 15 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
JS实现简易计算器
Feb 14 Javascript
精读《Vue3.0 Function API》
May 20 Javascript
解决Vue项目中tff报错的问题
Oct 21 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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
PHP程序员面试 切忌急功近利(更需要注重以后的发展)
2010/09/01 PHP
PHP实现异步调用方法研究与分享
2011/10/27 PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
jquery获取多个checkbox的值异步提交给php的方法
2015/06/24 PHP
javascript 数组排序函数
2009/08/20 Javascript
一个简单的JavaScript数据缓存系统实现代码
2010/10/24 Javascript
一起来写段JS drag拖动代码
2010/12/09 Javascript
jquery 跨域访问问题解决方法(笔记)
2011/06/08 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
jQuery提示效果代码分享
2014/11/20 Javascript
百度地图自定义控件分享
2015/03/04 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
2016/08/29 Javascript
学习vue.js计算属性
2016/12/03 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
js禁止浏览器页面后退功能的实例(推荐)
2017/09/01 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
Python 元类使用说明
2009/12/18 Python
python中正则表达式的使用详解
2014/10/17 Python
python中常用检测字符串相关函数汇总
2015/04/15 Python
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
详解Python if-elif-else知识点
2018/06/11 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
Html5嵌入钉钉的实现示例
2020/06/04 HTML / CSS
区级文明单位申报材料
2014/05/15 职场文书
学习型班组申报材料
2014/05/31 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书
三严三实学习心得体会
2014/10/13 职场文书
政协委员个人总结
2015/03/03 职场文书