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 window对象的top、parent、opener含义介绍
Dec 03 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
Javascript中的数据类型之旅
Oct 18 Javascript
JavaScript中Function函数与Object对象的关系
Dec 17 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
Oct 24 Javascript
Bootstrap Search Suggest使用例子
Dec 21 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
Mar 27 Javascript
Three.js加载外部模型的教程详解
Nov 10 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
Jan 25 Javascript
Vue页面骨架屏的实现方法
May 22 Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 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
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
php接口数据加密、解密、验证签名
2015/03/12 PHP
关于PHP 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
javascript json 新手入门文档
2009/12/03 Javascript
js 学习笔记(三)
2009/12/29 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
javascript格式化json显示实例分析
2015/04/21 Javascript
jQuery列表检索功能实现代码
2017/07/17 jQuery
node+vue实现用户注册和头像上传的实例代码
2017/07/20 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
js传递数组参数到后台controller的方法
2018/03/29 Javascript
详解Vue2.5+迁移至Typescript指南
2019/08/01 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
Vue.js中的高级面试题及答案
2020/01/13 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
2020/09/11 Javascript
Python3几个常见问题的处理方法
2019/02/26 Python
python 读写文件包含多种编码格式的解决方式
2019/12/20 Python
keras多显卡训练方式
2020/06/10 Python
Python字符串split及rsplit方法原理详解
2020/06/29 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
HTML5本地数据库基础操作详解
2016/04/26 HTML / CSS
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
巴西男士个人护理产品商店:SHOP4MEN
2017/08/07 全球购物
精油和天然健康美容产品:Art Naturals
2018/01/27 全球购物
经典c++面试题三
2015/07/08 面试题
机械制造专业个人的自我评价
2013/12/28 职场文书
机电一体化应届生求职信
2014/08/09 职场文书
2014年学前班工作总结
2014/12/08 职场文书
员工2014年度工作总结
2014/12/09 职场文书
五一劳动节慰问信
2015/02/14 职场文书
运动会加油稿50字
2015/07/21 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书