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 兼容FF的onmouseenter和onmouseleave的代码
Jul 19 Javascript
javascript appendChild,innerHTML,join性能比较代码
Aug 29 Javascript
jQuery中setTimeout的几种使用方法小结
Apr 07 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 Javascript
JSON简介以及用法汇总
Feb 21 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
Nov 15 Javascript
彻底理解js面向对象之继承
Feb 04 Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 Javascript
javascript实现随机抽奖功能
Dec 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
ThinkPHP分页类使用详解
2014/03/05 PHP
php程序内部post数据的方法
2015/03/31 PHP
golang与php实现计算两个经纬度之间距离的方法
2016/07/22 PHP
php简单处理XML数据的方法示例
2017/05/19 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
js函数的延迟加载实现代码
2012/10/11 Javascript
jQuery.validate 常用方法及需要注意的问题
2013/03/20 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
2015/05/01 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
2016/12/27 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
2016/12/30 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
node.js中EJS 模板快速入门教程
2017/05/08 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
2018/07/24 jQuery
微信运维交互机器人的示例代码
2018/11/12 Javascript
vue elementui el-form rules动态验证的实例代码详解
2019/05/23 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
详解vue中在父组件点击按钮触发子组件的事件
2020/11/13 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
Django 1.10以上版本 url 配置注意事项详解
2019/08/05 Python
Python英文文章词频统计(14份剑桥真题词频统计)
2019/10/13 Python
Python操作Jira库常用方法解析
2020/04/10 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
Python数据分析库pandas高级接口dt的使用详解
2020/12/11 Python
css3与html5实现响应式导航菜单(导航栏)效果分享
2014/02/12 HTML / CSS
基层党员群众路线整改措施及努力方向
2014/10/28 职场文书
未中标通知书
2015/04/17 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
项目备案申请报告
2015/05/15 职场文书
小学班长竞选稿
2015/11/20 职场文书
tomcat的catalina.out日志按自定义时间格式进行分割的操作方法
2022/04/02 Servers