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 相关文章推荐
用Javscript实现表单复选框的全选功能
May 25 Javascript
Mootools 1.2教程 输入过滤第二部分(字符串)
Sep 15 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
Sep 12 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
jQuery弹出遮罩层效果完整示例
Sep 13 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
Jan 13 Javascript
javascript帧动画(实例讲解)
Sep 02 Javascript
基于JavaScript实现幸运抽奖页面
Jul 05 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
一次让你了解全部JavaScript的作用域
Jun 24 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
Oct 29 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
PHPMYADMIN 简明安装教程 推荐
2010/03/07 PHP
PHP为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
PHP截取指定图片大小的方法
2014/12/10 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
删除PHP数组中头部、尾部、任意元素的实现代码
2017/04/10 PHP
ZendFramework2连接数据库操作实例
2017/04/18 PHP
PHP安装memcache扩展的步骤讲解
2019/02/14 PHP
Laravel中如何轻松容易的输出完整的SQL语句
2020/07/26 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
2012/05/14 Javascript
js实现表格字段排序
2014/02/19 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
JavaScript动态插入CSS的方法
2015/12/10 Javascript
Javascript this 函数深入详解
2016/12/13 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
ant-design-vue 快速避坑指南(推荐)
2020/01/21 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
JS字符串和数组如何实现相互转化
2020/07/02 Javascript
详解Python发送email的三种方式
2018/10/18 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
Python整数与Numpy数据溢出问题解决
2019/09/11 Python
python实现视频读取和转化图片
2019/12/10 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
moosejaw旗下的户外商品促销网站:Mountain Steals
2017/02/27 全球购物
给领导的致歉信范文
2014/01/13 职场文书
学生党支部先进事迹
2014/02/04 职场文书
考博专家推荐信
2014/05/10 职场文书
安全生产承诺书范文
2014/05/22 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
趣味运动会通讯稿
2015/07/18 职场文书