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 相关文章推荐
IE无法设置短域名下Cookie
Sep 23 Javascript
javascript:void(0)是什么意思示例介绍
Nov 17 Javascript
IE下双击checkbox反应延迟问题的解决方法
Mar 27 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 Javascript
Jquery实现textarea根据文本内容自适应高度
Apr 03 Javascript
利用three.js画一个3D立体的正方体示例代码
Nov 19 Javascript
微信小程序实现折叠面板
Jan 31 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
Jun 19 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
May 16 Javascript
移动端吸顶fixbar的解决方案详解
Jul 17 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
Mar 12 Javascript
vue 实现把路由单独分离出来
Aug 13 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
php session和cookie使用说明
2010/04/07 PHP
设置php页面编码的两种方法示例介绍
2014/03/03 PHP
php获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
PHP的伪随机数与真随机数详解
2015/05/27 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
基于laravel缓冲cache的用法详解
2019/10/23 PHP
解决 FireFox 下[使用event很麻烦] 的问题.
2006/08/22 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
jQuery取消ajax请求的方法
2015/06/09 Javascript
javascript实现rgb颜色转换成16进制格式
2015/07/10 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
基于 Vue 的树形选择组件的示例代码
2017/08/18 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python 开发的三种运行模式详细介绍
2017/01/18 Python
利用django如何解析用户上传的excel文件
2017/07/24 Python
django 单表操作实例详解
2019/07/30 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
Pytorch通过保存为ONNX模型转TensorRT5的实现
2020/05/25 Python
Python 抓取数据存储到Redis中的操作
2020/07/16 Python
Python如何发送与接收大型数组
2020/08/07 Python
numpy中生成随机数的几种常用函数(小结)
2020/08/18 Python
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
计算机操作自荐信
2013/12/07 职场文书
群众路线批评与自我批评
2014/02/06 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
促销活动总结模板
2014/07/01 职场文书
土建施工员岗位职责
2014/07/16 职场文书
员工试用期自我评价
2014/09/18 职场文书
2014县政府领导班子对照检查材料思想汇报
2014/09/25 职场文书
生死抉择观后感
2015/06/09 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书
pycharm 如何查看某一函数源码的快捷键
2021/05/12 Python
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript