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 相关文章推荐
再谈IE中Flash控件的自动激活 ObjectWrap
Mar 09 Javascript
关于递归运算的顺序测试代码
Nov 30 Javascript
Jquery 表单验证类介绍与实例
Jun 09 Javascript
js处理json以及字符串的比较等常用操作
Sep 08 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
Dec 31 Javascript
jQuery选择器基础入门教程
May 10 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
JavaScript实现京东购物放大镜和选项卡效果的方法分析
Jul 05 Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
Feb 12 Javascript
微信小程序文章列表功能完整实例
Jun 03 Javascript
vue video和vue-video-player实现视频铺满教程
Oct 30 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
一篇入门的php Class 文章
2007/04/04 PHP
php在window iis的莫名问题的测试方法
2013/05/14 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
Yii2 rbac权限控制之rule教程详解
2016/06/23 PHP
PHP线程的内存回收问题
2016/07/08 PHP
js的逻辑运算符 ||
2010/05/31 Javascript
Js 冒泡事件阻止实现代码
2013/01/27 Javascript
jQuery ui插件的使用方法代码实例
2013/05/08 Javascript
js特殊字符过滤的示例代码
2014/03/05 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
2014/09/10 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
js字符串完全替换函数分享
2014/12/03 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
详解webpack 多页面/入口支持&amp;公共组件单独打包
2017/06/29 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
2018/03/08 Javascript
JavaScript面向对象继承原理与实现方法分析
2018/08/09 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
2019/09/23 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
跟老齐学Python之for循环语句
2014/10/02 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
Python实现统计给定列表中指定数字出现次数的方法
2018/04/11 Python
idea创建springMVC框架和配置小文件的教程图解
2018/09/18 Python
python实现桌面壁纸切换功能
2019/01/21 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
python进度条显示之tqmd模块
2020/08/22 Python
python3爬虫中多线程的优势总结
2020/11/24 Python
一份全面的PHP面试问题考卷
2012/07/15 面试题
学校经典推荐信
2013/10/30 职场文书
yy婚礼司仪主持词
2014/03/14 职场文书
物业保洁员岗位职责
2015/02/13 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书