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 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐share.js
Dec 23 Javascript
如何将JS的变量值传递给ASP变量
Dec 10 Javascript
javascript学习笔记(八)正则表达式
Oct 08 Javascript
javascript实现简单的省市区三级联动
May 14 Javascript
js+css实现select的美化效果
Mar 24 Javascript
Vue.js每天必学之表单控件绑定
Sep 05 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
Dec 29 Javascript
js实现股票实时刷新数据案例
May 14 Javascript
深入理解react-router@4.0 使用和源码解析
May 23 Javascript
web前端页面生成exe可执行文件的方法
Feb 08 Javascript
JavaScript实现构造json数组的方法分析
Aug 17 Javascript
vue.js中ref及$refs的使用方法解析
Oct 08 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
smarty模板嵌套之include与fetch性能测试
2010/12/05 PHP
PHP运行模式汇总
2016/11/06 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
PHP时间处理类操作示例
2018/09/05 PHP
从数组中随机取x条不重复数据的JS代码
2013/12/24 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
详解react-webpack2-热模块替换[HMR]
2017/08/03 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
原生js检测页面加载完毕的实例
2018/09/11 Javascript
nodejs中express入门和基础知识点学习
2018/09/13 NodeJs
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
vue $set 给数据赋值的实例
2019/11/09 Javascript
JavaScript Window浏览器对象模型原理解析
2020/05/30 Javascript
解决vue自定义指令导致的内存泄漏问题
2020/08/04 Javascript
[53:38]OG vs LGD 2018国际邀请赛淘汰赛BO3 第三场 8.26
2018/08/30 DOTA
Python 列表(List)操作方法详解
2014/03/11 Python
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
Python实现替换文件中指定内容的方法
2018/03/19 Python
Python查找文件中包含中文的行方法
2018/12/19 Python
Django Sitemap 站点地图的实现方法
2019/04/29 Python
Django时区详解
2019/07/24 Python
python requests包的request()函数中的参数-params和data的区别介绍
2020/05/05 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
python 自动识别并连接串口的实现
2021/01/19 Python
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
销售人员求职的自我评价分享
2014/03/15 职场文书
2014年行政工作总结
2014/11/19 职场文书
消防演习感想
2015/08/10 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书
matplotlib画混淆矩阵与正确率曲线的实例代码
2021/06/01 Python
Redis sentinel哨兵集群的实现步骤
2022/07/15 Redis