vue forEach循环数组拿到自己想要的数据方法
如下所示:
<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循环数组拿到自己想要的数据方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
Vue中的v-for循环key属性注意事项小结
当Vue用 v-for 正在更新已渲染过的元素列表是,它默认用"就地复用"策略.如果数据项的顺序被改变,Vue将不是移动DOM元素来匹配数据项的改变,而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素. 为了给Vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性.key属性的类型只能为 string或者number类型. 在下面这个例子中,如果不给 p 元素绑定key,我先选中第一个, 然后输入ID和Nam
-
基于vue v-for 多层循环嵌套获取行数的方法
在做vue项目的时候难免会用到循环,可是但我们后台数据返回多条记录而且是多层嵌套关系的时候,我们需要获取当前第几次循环此时就会出现问题. 下面给大家介绍两种方式,第一种是基于数学公式:第一次循环*(第二次循环总长度)+1+第二次循环 可以获取当前第几次循环 第二种方法:是在方法中进行计算返回当前下标.废话不多说先看一下效果吧 具体代码如下: 测试数据json字符串: parentList: [{ childList: [{ index: 1, childName: "第一个节点" },
-
Vue.js常用指令之循环使用v-for指令教程
前言 Vue.js中,v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名. v-for 可以绑定数据到数组来渲染一个列表: <div id="wantuizhijia"> <ol> <li v-for="site in sites"> {{ site.name }} </li> </ol> </div> <sc
-
vue-for循环嵌套操作示例
本文实例讲述了vue-for循环嵌套操作.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; list-style: none; } </style> &l
-
vue2.0 循环遍历加载不同图片的方法
demo: <div v-for="item in temps" :key="item.id"> <div class="contract-item"> <img :src="item.imgUrl"> </div> </div> 引入图片,注意路径: import con1 from "@/assets/img/con01.png"; impor
-
Vue.js组件间的循环引用方法示例
什么是组件: 众所周知组件是Vue.js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能.在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展.下面话不多说了,来一起看看本文的正文内容. 引言 写了大大小小不少基于vue的项目,但是基本没用到过组件循环引用的知识. 为了查缺补漏,照着官方文档撸一个DEMO:组件之间的循环引用 本人的运行版本为 vue-cli@2.8.1,启用项目后,将以下 js 文件
-
浅谈vue.js中v-for循环渲染
这两天学习了Vue.js 感觉v-for循环渲染这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记. 一.简介 vue.js 的循环渲染是依赖于 v-for 指令,它能够根据 vue 的实例里面的信息,循环遍历所需数据,然后渲染出相应的内容.它可以遍历数组类型以及对象类型的数据,js 里面的数组本身实质上也是对象,这里遍历数组和对象的时候,方式相似但又稍有不同. (一)遍历对象 <div id="app"> <ul> <li v-for="
-
vue.js 嵌套循环、if判断、动态删除的实例
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js,Vue.js提供了更加简洁.更易于理解的API app.html <!doctype html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title> vuejs 嵌套循环.if判断 </title> <
-
vue多次循环操作示例
本文实例讲述了vue多次循环操作.分享给大家供大家参考,具体如下: 需求:有以下一个数组,想将其对象里的信息展示出来,而且还要把对象下面的数组的具体信息也展示出来.v-for可以实现循环,但是能否再下一级进行渲染呢?答案是可以的. list: [{ "scheme_id": "1", "scheme_sn": "2018031416442200001", "scheme_name": "测试支付宝
-
vue2.0使用v-for循环制作多级嵌套菜单栏
使用v-for循环生成一个多级嵌套菜单栏,只要你学会了这个方法,几乎所有的菜单栏都可以实现了. 方法 <div class="level-one" v-if="obj.level == 1" v-for="obj in bar1"><a>{{obj.title}}</a> <div class="level-two" v-if="obj1.parentId == obj.id
-
浅析vue中常见循环遍历指令的使用 v-for
vue中循环遍历使用的指令是v-for 1.v-for遍历数组 (1)value in arr 遍历数组中的元素 (2)(value,index) in arr 遍历数组中的元素和数组下标 运行代码: <body> <div class="box"> <ul> <li v-for="value in arr">{{value}}</li><br> <li v-for="(valu
随机推荐
- 父div高度不能自适应子div高度的解决方案
- 浏览器中的正则表达式陷阱说明
- CKEditor自定义按钮插入服务端图片
- Android通过LIstView显示文件列表的两种方法介绍
- php实现首页链接查询 友情链接检查的代码
- php的sso单点登录实现方法
- Symfony页面的基本创建实例详解
- shell脚本中执行python脚本并接收其返回值的例子
- XMLHTTP多浏览器兼容性写法
- 也写一个Ajax.Request类附代码
- MS SQL SERVER 数据库日志压缩方法与代码
- jquery中checkbox全选失效的解决方法
- Android基于APN获取手机号的方法
- Java同步函数代码详解
- PHP字符函数大全第1/2页
- 不用GD库生成当前时间的PNG格式图象的程序
- 基于Redis的限流器的实现(示例讲解)
- Java微信公众平台之群发接口(高级群发)
- java实现Dijkstra最短路径算法
- koa+jwt实现token验证与刷新功能