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 相关文章推荐
jquery子元素过滤选择器使用示例
Jun 24 Javascript
JQuery1.8 判断元素是否绑定事件的方法
Jul 10 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
node.js中使用socket.io的方法
Dec 15 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
Jul 11 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
js 图片转base64的方式(两种)
Apr 24 Javascript
vue实现购物车列表
Jun 30 Javascript
js实现省级联动(数据结构优化)
Jul 17 Javascript
vue+element UI实现树形表格
Dec 29 Vue.js
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不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
php采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
smarty模板引擎之内建函数用法
2015/03/30 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
2012/05/23 Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
2013/04/01 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
2014/09/21 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
JavaScript地理位置信息API
2016/06/11 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
2017/03/17 Javascript
JS表格组件神器bootstrap table使用指南详解
2017/04/12 Javascript
Vue组件化开发思考
2018/02/02 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
小程序实现列表展开收起效果
2020/07/29 Javascript
使用python3.5仿微软记事本notepad
2016/06/15 Python
python3使用requests模块爬取页面内容的实战演练
2017/09/25 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
Python生成验证码、计算具体日期是一年中的第几天实例代码详解
2019/10/16 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
苹果台湾官网:Apple台湾
2019/01/05 全球购物
怎样建立和理解非常复杂的声明?例如定义一个包含N 个指向返回 指向字符的指针的函数的指针的数组?
2013/03/19 面试题
2014年上半年工作自我评价
2014/01/18 职场文书
少儿节目主持串词
2014/04/02 职场文书
妇女干部培训方案
2014/05/12 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
应届毕业生自荐信
2015/03/04 职场文书
通讯稿范文
2015/07/22 职场文书
创业计划书之o2o水果店
2019/08/30 职场文书
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript