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中eval函数的使用示例
Jul 21 Javascript
DOM基础教程之使用DOM
Jan 19 Javascript
AngularJS基础知识笔记之过滤器
May 10 Javascript
SWFObject基本用法实例分析
Jul 20 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
Angular表单验证实例详解
Oct 20 Javascript
Bootstrap基本插件学习笔记之折叠(22)
Dec 08 Javascript
javascript添加前置0(补零)的几种方法
Jan 05 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
Mar 10 Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
jQuery实现回到顶部效果
Oct 19 jQuery
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
为什么那些咖啡爱好者大多看不上连锁咖啡店?
2021/03/06 咖啡文化
PHP 中文处理技巧
2010/04/25 PHP
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
php递归方法实现无限分类实例代码
2014/02/28 PHP
给WordPress中的留言加上楼层号的PHP代码实例
2015/12/14 PHP
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
js 验证密码强弱的小例子
2013/03/21 Javascript
js jq 单击和双击区分示例介绍
2013/11/05 Javascript
Jquery实现控件的隐藏和显示实例
2014/02/08 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
javascript如何实现360度全景照片问题汇总
2016/04/04 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
Python与Redis的连接教程
2015/04/22 Python
Python fileinput模块使用实例
2015/05/28 Python
Python脚本文件打包成可执行文件的方法
2015/06/02 Python
python 基础教程之Map使用方法
2017/01/17 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
Sanic框架Cookies操作示例
2018/07/17 Python
django+echart绘制曲线图的方法示例
2018/11/26 Python
野兽派官方旗舰店:THE BEAST 野兽派
2016/08/05 全球购物
android面试问题与答案
2016/12/27 面试题
大学生写自荐信的技巧
2014/01/08 职场文书
公司活动总结范文
2014/07/01 职场文书
甜品蛋糕店创业计划书
2014/09/21 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
地球一小时活动总结
2015/02/27 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
企业愿景口号
2015/12/25 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android
ROS系统将python包编译为可执行文件的简单步骤
2021/07/25 Python
如何利用golang运用mysql数据库
2022/03/13 Golang