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 相关文章推荐
Google AJAX 搜索 API实现代码
Nov 17 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
Aug 30 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
Aug 28 Javascript
浅谈js中StringBuffer类的实现方法及使用
Sep 02 Javascript
jsTree使用记录实例
Dec 01 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
Sep 19 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
Dec 17 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
for循环连续求和、九九乘法表代码
2012/02/20 PHP
基于PHP array数组的教程详解
2013/06/05 PHP
PHP PDOStatement::bindParam讲解
2019/01/30 PHP
js中创建对象的几种方式示例介绍
2014/01/26 Javascript
JavaScript汉诺塔问题解决方法
2015/04/21 Javascript
Javascript6中字符串的四个新用法分享
2016/09/11 Javascript
Bootstrap CSS使用方法
2016/12/23 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
webpack 打包压缩js和css的方法示例
2018/03/20 Javascript
详解Angular如何正确的操作DOM
2018/07/06 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
[01:04:31]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第二场 1月8日
2021/03/11 DOTA
[46:49]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.19
2020/12/24 DOTA
Python描述器descriptor详解
2015/02/03 Python
Python从零开始创建区块链
2018/03/06 Python
python 列表递归求和、计数、求最大元素的实例
2018/11/28 Python
33个Python爬虫项目实战(推荐)
2019/07/08 Python
python 日期排序的实例代码
2019/07/11 Python
Python二维码生成识别实例详解
2019/07/16 Python
Python图像处理之图片文字识别功能(OCR)
2019/07/30 Python
python3 selenium自动化 下拉框定位的例子
2019/08/23 Python
Guess欧洲官网:美国服饰品牌
2019/08/06 全球购物
中华魂演讲稿
2014/05/13 职场文书
禁止酒驾标语
2014/06/25 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
2014大学辅导员工作总结
2014/12/02 职场文书
2014社会治安综合治理工作总结
2014/12/04 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
特种设备安全管理制度
2015/08/06 职场文书
Mysql数据库命令大全
2021/05/26 MySQL
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python