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模块化编程(三)require.js的用法及功能介绍
Jan 17 Javascript
使用js在页面中绘制表格核心代码
Sep 16 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
深入理解javascript构造函数和原型对象
Sep 23 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
浅析JS动态创建元素【两种方法】
Apr 20 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
Jul 16 Javascript
JavaScript中关于base64的一些事
May 06 Javascript
JavaScript迭代器的含义及用法
Jun 21 Javascript
js中offset,client , scroll 三大元素知识点总结
Sep 11 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循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
thinkPHP5.0框架API优化后的友好性分析
2017/03/17 PHP
html读出文本文件内容
2007/01/22 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
2013/01/24 Javascript
实用框架(iframe)操作代码
2014/10/23 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
JavaScript canvas实现围绕旋转动画
2017/11/18 Javascript
Vue与Node.js通过socket.io通信的示例代码
2018/07/25 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
layui原生表单验证的实例
2019/09/09 Javascript
JavaScript获取时区实现过程解析
2020/09/24 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[50:38]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第二场 3月7日
2021/03/11 DOTA
Python脚本实现虾米网签到功能
2016/04/12 Python
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
Python 类的继承实例详解
2017/03/25 Python
Django实战之用户认证(用户登录与注销)
2018/07/16 Python
python命令行工具Click快速掌握
2019/07/04 Python
python字符串查找函数的用法详解
2019/07/08 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
python 一维二维插值实例
2020/04/22 Python
Python限制内存和CPU使用量的方法(Unix系统适用)
2020/08/04 Python
python中如何使用虚拟环境
2020/10/14 Python
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
兰芝美国网上商城:购买LANEIGE睡眠面膜等
2017/06/30 全球购物
决定成败的关键——创业计划书
2014/01/24 职场文书
销售人才自我评价范文
2014/09/27 职场文书
先进个人评语大全
2015/01/04 职场文书
艺术节开幕词
2015/01/28 职场文书
毕业论文答辩开场白
2015/05/27 职场文书
招商银行收入证明
2015/06/17 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL