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-世界上误解最深的语言分析
Aug 12 Javascript
Knockoutjs的环境搭建教程
Nov 26 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
Sep 09 Javascript
jquery判断复选框是否被选中的方法
Oct 16 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
Nov 09 Javascript
深入理解选择框脚本[推荐]
Dec 13 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
Jan 15 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
Sep 03 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 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
php自动跳转中英文页面
2008/07/29 PHP
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
js如何实现设计模式中的模板方法
2013/07/23 Javascript
js实现弹窗插件功能实例代码分享
2013/12/12 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
js实现简单的可切换选项卡效果
2015/04/10 Javascript
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
强大的 Angular 表单验证功能详细介绍
2017/05/23 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
vue.js路由跳转详解
2017/08/28 Javascript
js使用xml数据载体实现城市省份二级联动效果
2017/11/08 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
2018/04/20 Javascript
详解Vue路由自动注入实践
2019/04/17 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
Nuxt的路由配置和参数传递方式
2020/11/06 Javascript
[49:11]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.20
2020/12/23 DOTA
Python实现抓取HTML网页并以PDF文件形式保存的方法
2018/05/08 Python
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
python给微信好友定时推送消息的示例
2019/02/20 Python
详解python做UI界面的方法
2019/02/27 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
Python模块的制作方法实例分析
2019/12/21 Python
python游戏开发的五个案例分享
2020/03/09 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
Lacoste(法国鳄鱼)加拿大官网:以标志性的POLO衫而闻名
2019/05/15 全球购物
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
班长自荐书范文
2014/02/11 职场文书
2014年作风建设工作总结
2014/10/29 职场文书
2014年保卫科工作总结
2014/12/05 职场文书
年度考核个人总结
2015/03/06 职场文书
公司文体活动总结
2015/05/07 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
Win11 Build 22000.51版本文件资源管理器“命令栏”和上下文菜单有什么新变化?
2021/11/21 数码科技