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 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
如何动态的导入js文件具体该怎么实现
Jan 14 Javascript
jQuery DOM删除节点操作指南
Mar 03 Javascript
Bootstrap开发实战之响应式轮播图
Jun 02 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
Javascript实现倒计时时差效果
May 18 Javascript
微信小程序开发之toast提示插件使用示例
Jun 08 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
vue脚手架搭建过程图解
Jun 06 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
Oct 11 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
Mar 29 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注释实例技巧
2008/10/03 PHP
探讨捕获php错误信息方法的详解
2013/06/09 PHP
php中substr()函数参数说明及用法实例
2014/11/15 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
PHP数组Key强制类型转换实现原理解析
2020/09/01 PHP
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
2019/01/21 Javascript
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
python自动化测试实例解析
2014/09/28 Python
Python中每次处理一个字符的5种方法
2015/05/21 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
Python基于回溯法子集树模板解决数字组合问题实例
2017/09/02 Python
Python基于time模块求程序运行时间的方法
2017/09/18 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
Python利用pandas处理Excel数据的应用详解
2019/06/18 Python
Python中zip()函数的解释和可视化(实例详解)
2020/02/16 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
HTML5之语义标签介绍
2016/07/07 HTML / CSS
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
牵手50新加坡:专为黄金岁月的单身人士而设的交友网站
2020/08/16 全球购物
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
试用期辞职信范文
2015/03/02 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
队列队形口号
2015/12/25 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL
python 网络编程要点总结
2021/06/18 Python
Apache POI的基本使用详解
2021/11/07 Servers