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 相关文章推荐
在你的网页中嵌入外部网页的方法
Apr 02 Javascript
用jQuery技术实现Tab页界面之二
Sep 21 Javascript
intro.js 页面引导简单用法 分享
Aug 06 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
Oct 31 Javascript
jQuery中$.each使用详解
Jan 29 Javascript
全面解析Bootstrap表单使用方法(表单控件)
Nov 24 Javascript
javascript每日必学之运算符
Feb 16 Javascript
js实现加载更多功能实例
Oct 27 Javascript
jQuery插件fullPage.js实现全屏滚动效果
Dec 02 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
Dec 26 Javascript
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
JS call()及apply()方法使用实例汇总
Jul 11 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
Yii 2.0如何使用页面缓存方法示例
2017/05/23 PHP
thinkPHP框架自动填充原理与用法分析
2018/04/03 PHP
jquery jqPlot API 中文使用教程(非常强大的图表工具)
2011/08/15 Javascript
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
2012/03/29 Javascript
解决jquery的datepicker的本地化以及Today问题
2012/05/23 Javascript
JavaScript字符串String和Array操作的有趣方法
2012/12/18 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
Node.js 异步编程之 Callback介绍(一)
2015/03/30 Javascript
Bootstrap 附加导航(Affix)插件实例详解
2016/06/01 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
深入理解JavaScript中的预解析
2017/01/04 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
2017/03/07 Javascript
jQuery实现常见的隐藏与展示列表效果示例
2018/06/04 jQuery
微信小程序如何获取手机验证码
2018/11/04 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
2019/09/16 Javascript
Vue实现简单的留言板
2020/10/23 Javascript
Python实现模拟登录及表单提交的方法
2015/07/25 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
python实现微信远程控制电脑
2018/02/22 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
django多种支付、并发订单处理实例代码
2019/12/13 Python
Python 面向对象部分知识点小结
2020/03/09 Python
Python实现扫码工具的示例代码
2020/10/09 Python
Windows环境下Python3.6.8 importError: DLLload failed:找不到指定的模块
2020/11/01 Python
基于PyInstaller各参数的含义说明
2021/03/04 Python
回馈慈善的设计师太阳镜:DIFF eyewear
2019/10/17 全球购物
如何进行Linux分区优化
2016/09/13 面试题
幼儿园园长自我鉴定
2013/10/22 职场文书
函授自我鉴定
2013/11/06 职场文书
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
安阳殷墟导游词
2015/02/10 职场文书
放射科岗位职责
2015/02/14 职场文书
《童年》读后感(三篇)
2019/08/27 职场文书
微信小程序基础教程之echart的使用
2021/06/01 Javascript