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分页
Jun 07 Javascript
浏览器无法运行JAVA脚本的解决方法
Jan 09 Javascript
Prototype Hash对象 学习
Jul 19 Javascript
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
js 处理URL实用技巧
Nov 23 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
node.js使用cluster实现多进程
Mar 17 Javascript
基于JavaScript FileReader上传图片显示本地链接
May 27 Javascript
jQuery插件扩展测试实例
Jun 21 Javascript
javascript过滤数组重复元素的实现方法
May 03 Javascript
p5.js入门教程之平滑过渡(Easing)
Mar 16 Javascript
一文搞懂ES6中的Map和Set
May 20 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
关于手调机和数调机的选择
2021/03/02 无线电
php下通过curl抓取yahoo boss 搜索结果的实现代码
2011/06/10 PHP
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
2013/11/07 Javascript
javascript实现微信分享
2014/12/23 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
JavaScript随机生成信用卡卡号的方法
2015/04/07 Javascript
在Node.js应用中使用Redis的方法简介
2015/06/24 Javascript
使用javaScript动态加载Js文件和Css文件
2015/10/24 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
2016/01/10 Javascript
JavaScript中日期函数的相关操作知识
2016/08/03 Javascript
node.js实现快速截图
2016/08/27 Javascript
jquery validation验证表单插件
2017/01/07 Javascript
深入理解JavaScript中的for循环
2017/02/07 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
微信小程序模拟cookie的实现
2018/06/20 Javascript
前端路由&amp;webpack基础配置详解
2019/06/10 Javascript
vue element-ui实现input输入框金额数字添加千分位
2019/12/29 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
2020/03/09 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
python中去空格函数的用法
2014/08/21 Python
Python切片用法实例教程
2014/09/08 Python
python实现下载指定网址所有图片的方法
2015/08/08 Python
Python3 循环语句(for、while、break、range等)
2017/11/20 Python
python3 图片referer防盗链的实现方法
2018/03/12 Python
python中单例常用的几种实现方法总结
2018/10/13 Python
python实现自动解数独小程序
2019/01/21 Python
wxPython多个窗口的基本结构
2019/11/19 Python
基于梯度爆炸的解决方法:clip gradient
2020/02/04 Python
证券期货行业个人的自我评价
2013/12/26 职场文书
市场营销调查计划书
2014/05/02 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
新学期开学寄语2016
2015/12/04 职场文书
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技
MySQL中dd::columns表结构转table过程及应用详解
2022/09/23 MySQL