vue forEach循环数组拿到自己想要的数据方法


Posted in Javascript onSeptember 21, 2018

如下所示:

<el-checkbox v-for="(item) in jurisdictionContent"
      :label="item.id"
      :key="item.id"
      class="checkboxMargin">
   <span>{{item.value}}{{item.checked}}</span>
   </el-checkbox>
handleJurisdiction(index, row) {//获取权限
  this.selectedCheck=[];
  let me = this;
  this.jurisdiction = true;
  this.roleId = row.id;
  this.$http.get("/role/resources", {
   params: {roleId: this.roleId}
   },
   {
   emulateJSON: true
   }).then((response) => {
   me.jurisdictionContent = response.body;
   me.jurisdictionContent.forEach(function (c) {
   if(c['checked']){
    me.selectedCheck.push(c.id);
   }
   })
   console.log(this.selectedCheck)
  })

vue 中标签里循环使用v-for,方法里面循环使用forEach。

以上这篇vue forEach循环数组拿到自己想要的数据方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
YUI 读码日记之 YAHOO.util.Dom - Part.1
Mar 22 Javascript
基于MooTools的很有创意的滚动条时钟动画
Nov 14 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
Apr 20 Javascript
jquery密码强度校验
Dec 02 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
Node.js读取文件内容示例
Mar 07 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
Aug 25 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
vue中data改变后让视图同步更新的方法
Mar 29 Vue.js
vue中三级导航的菜单权限控制
Mar 31 Vue.js
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 #Javascript
vue中,在本地缓存中读写数据的方法
Sep 21 #Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
Sep 21 #Javascript
vue集成百度UEditor富文本编辑器使用教程
Sep 21 #Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 #Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 #Javascript
vue-quill-editor富文本编辑器简单使用方法
Sep 21 #Javascript
You might like
PHP实现文件下载【实例分享】
2017/04/28 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
PHP+jQuery实现即点即改功能示例
2019/02/21 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
JavaScript 三种创建对象的方法
2009/10/16 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
jQuery在html有效在jsp无效的原因及解决方法
2013/08/02 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
window.location 对象所包含的属性
2014/10/10 Javascript
jQuery+ajax实现无刷新级联菜单示例
2015/05/21 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
2016/06/08 Javascript
jQuery实现点击查看大图并以弹框的形式居中
2016/08/08 Javascript
js省市区级联查询(插件版&amp;无插件版)
2017/03/21 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
解决vue数组中对象属性变化页面不渲染问题
2018/08/09 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
总结python实现父类调用两种方法的不同
2017/01/15 Python
Python使用lambda表达式对字典排序操作示例
2019/07/25 Python
基于python实现简单C/S模式代码实例
2020/09/14 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
手对手的教你用canvas画一个简单的海报的方法示例
2018/12/10 HTML / CSS
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
如何用Lucene索引数据库
2016/02/23 面试题
企业员工培训感言
2014/02/26 职场文书
合作经营协议书范本
2014/09/16 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
2015年扫黄打非工作总结
2015/05/13 职场文书
浪漫婚礼主持词开场白
2015/11/24 职场文书
素质教育培训心得体会
2016/01/19 职场文书
JavaScript中时间格式化新思路toLocaleString()
2021/11/07 Javascript