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 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
得到jQuery detach()后节点中的某个值实现代码
Feb 05 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
Jul 12 Javascript
asm.js使用示例代码
Nov 28 Javascript
JavaScript的面向对象编程基础
Aug 13 Javascript
JavaScript中的闭包
Feb 24 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
Oct 31 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 Javascript
Underscore之Array_动力节点Java学院整理
Jul 10 Javascript
nuxt+axios解决前后端分离SSR的示例代码
Oct 24 Javascript
js实现圆形菜单选择器
Dec 03 Javascript
Vue OpenLayer 为地图绘制风场效果
Apr 24 Vue.js
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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
PHP实现获取文件后缀名的几种常用方法
2015/08/08 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
JavaScript去除空格的几种方法
2006/10/03 Javascript
jquery遍历input取得input的name
2009/04/27 Javascript
Jquery 表格合并的问题分享
2011/09/17 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
jquery中常用的函数和属性详细解析
2014/03/07 Javascript
jQuery验证插件 Validate详解
2014/11/20 Javascript
JQuery调用绑定click事件的3种写法
2015/03/28 Javascript
innerHTML中标签可以换行的方法汇总
2015/08/14 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
easyui-datagrid开发实践(总结)
2017/08/02 Javascript
微信小程序异步处理详解
2017/11/10 Javascript
Javascript实现时间倒计时功能
2018/11/17 Javascript
微信小程序实现多个按钮的颜色状态转换
2019/02/15 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
2019/05/10 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
Python中的字典遍历备忘
2015/01/17 Python
python使用webbrowser浏览指定url的方法
2015/04/04 Python
Python实现删除列表中满足一定条件的元素示例
2017/06/12 Python
python中模块查找的原理与方法详解
2017/08/11 Python
Python 用Redis简单实现分布式爬虫的方法
2017/11/23 Python
numpy中矩阵合并的实例
2018/06/15 Python
python 美化输出信息的实例
2018/10/15 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
PyTorch中Tensor的数据类型和运算的使用
2020/09/03 Python
指针和引用有什么区别
2013/01/13 面试题
Java基础面试题
2014/07/19 面试题
《我的信念》教学反思
2014/02/15 职场文书
教师校本培训方案
2014/02/26 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
群众路线对照检查材料思想汇报怎么写
2014/09/18 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
市场营销计划书
2015/01/17 职场文书
小英雄雨来观后感
2015/06/09 职场文书