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 相关文章推荐
javascript中最常用的继承模式 组合继承
Aug 12 Javascript
jQuery Ajax请求状态管理器打包
May 03 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
jquery实现图片按比例缩放示例
Jul 01 Javascript
学习JavaScript编程语言的8张思维导图分享
Mar 27 Javascript
JS动态计算移动端rem的解决方案
Oct 14 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
Jan 05 Javascript
基于vue2实现上拉加载功能
Nov 28 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
Feb 26 Javascript
Vue的生命周期操作示例
Sep 17 Javascript
js实现选项卡效果
Mar 07 Javascript
Vue中keep-alive的两种应用方式
Jul 15 Javascript
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中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
PHP扩展模块memcached长连接使用方法分析
2014/12/24 PHP
php遍历CSV类实例
2015/04/14 PHP
php自定义hash函数实例
2015/05/05 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
禁止js文件缓存的代码
2010/04/09 Javascript
niceTitle 基于jquery的超链接提示插件
2010/05/31 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
JavaScript中Date.toSource()方法的使用教程
2015/06/12 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
微信小程序 Image API实例详解
2016/09/30 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
微信小程序 本地图片按照屏幕尺寸处理
2017/08/04 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
2017/09/08 Javascript
20行JS代码实现粘贴板复制功能
2018/02/06 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
vue中使用腾讯云Im的示例
2020/10/23 Javascript
Python实现list反转实例汇总
2014/11/11 Python
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
Django框架模型简单介绍与使用分析
2019/07/18 Python
PyCharm无法识别PyQt5的2种解决方法,ModuleNotFoundError: No module named 'pyqt5'
2020/02/17 Python
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
html5简介及新增功能介绍
2020/05/18 HTML / CSS
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
2014财产信托协议书范本
2014/11/18 职场文书
2014年财务工作总结与计划
2014/12/08 职场文书
2015年个人工作总结报告
2015/04/25 职场文书
宾馆客房管理制度
2015/08/06 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
防止web项目中的SQL注入
2021/12/06 MySQL
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫
vue整合百度地图显示指定地点信息
2022/04/06 Vue.js
如何使用python包中的sched事件调度器
2022/04/30 Python