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 相关文章推荐
js中把JSON字符串转换成JSON对象最好的方法
Mar 21 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
jQuery实现的五子棋游戏实例
Jun 13 Javascript
基于JavaScript如何制作遮罩层对话框
Jan 26 Javascript
详解Bootstrap的iCheck插件checkbox和radio
Aug 24 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
Nov 11 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
Apr 14 Javascript
js实现各浏览器全屏代码实例
Jul 03 Javascript
JS实现倒计时图文效果
Nov 17 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
Apr 17 Javascript
Ajax实现三级联动效果
Oct 05 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
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
关于php开启错误提示的总结
2019/09/24 PHP
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
javascript实现日历控件(年月日关闭按钮)
2012/12/12 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
2014/05/29 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
2015/01/20 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
基于javascript html5实现3D翻书特效
2016/03/14 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
原生JS实现在线问卷调查投票特效
2017/01/03 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
2017/03/02 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
vue观察模式浅析
2018/09/25 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
使用python实现扫描端口示例
2014/03/29 Python
Python实现简单拆分PDF文件的方法
2015/07/30 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
python 画条形图(柱状图)实例
2020/04/24 Python
pycharm下pyqt4安装及环境配置的教程
2020/04/24 Python
python中的django是做什么的
2020/07/31 Python
python如何实时获取tcpdump输出
2020/09/16 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
Windows和Linux动态库应用异同
2016/07/28 面试题
文秘专业大学生求职信
2013/11/10 职场文书
2014全国两会学习心得体会1000字
2014/03/10 职场文书
教师节感恩老师演讲稿
2014/08/28 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
和谐拯救危机观后感
2015/06/15 职场文书
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
python脚本框架webpy模板控制结构
2021/11/20 Python