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库还是自己写代码?
Jan 28 Javascript
jquery $.getJSON()跨域请求
Dec 21 Javascript
基于jquery编写的横向自适应幻灯片切换特效的实例代码
Aug 06 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
Dec 13 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 Javascript
javascript属性访问表达式用法分析
Apr 25 Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 Javascript
jquery操作ID带有变量的节点实例
Dec 07 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
Vue2.0结合webuploader实现文件分片上传功能
Mar 09 Javascript
JavaScript从原型到原型链深入理解
Jun 03 Javascript
解决layer图标icon不加载的问题
Sep 04 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
综合图片计数器
2006/10/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十一)
2014/06/25 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
JS类的封装及实现代码
2009/12/02 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
JS Loading功能的简单实现
2013/11/29 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
浅析如何利用JavaScript进行语音识别
2016/10/27 Javascript
JS 实现可停顿的垂直滚动实例代码
2016/11/23 Javascript
JS实现的简单轮播图运动效果示例
2016/12/22 Javascript
jQuery实现最简单实用的分秒倒计时
2017/02/05 Javascript
JavaScript实现256色转灰度图
2017/02/22 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
vue自定义filters过滤器
2018/04/26 Javascript
vue使用技巧及vue项目中遇到的问题
2018/06/04 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
JS简易计算器实例讲解
2020/06/30 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
2020/07/20 Javascript
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
利用python程序生成word和PDF文档的方法
2017/02/14 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
详解Python 多线程 Timer定时器/延迟执行、Event事件
2019/06/27 Python
关于Python形参打包与解包小技巧分享
2019/08/24 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
有针对性的求职自荐信
2013/11/14 职场文书
田径运动会通讯稿
2014/09/13 职场文书
会议通知范文
2015/04/15 职场文书
2015年数学教研组工作总结
2015/05/23 职场文书
springboot 多数据源配置不生效遇到的坑及解决
2021/11/17 Java/Android
Redis调用Lua脚本及使用场景快速掌握
2022/03/16 Redis