Vue + Element table的@select方法获取当table中的id值都相同时,获取他们索引
先说下问题情况,原本通过双重forEach方法方法,遍历可以获取到被勾选中的索引。
let arr = []
val.forEach((val, index) => {
this.TableData.forEach((v,i) => {
if(val.id === v.id ) {
arr.push(i);
}
});
});
不过因为需求原因 我的表中的 id 都是相同的,用以上方法,最后打印出被选中的索引集合会有重复情况。因此就需要改变思路拿到他们的索引index了,不过最后没有找出非常优秀的解决方法。
此时呢,就只能使用以下方法来解决这个问题了。
let arr = [];
val.forEach((val, index) => {
// ...(需要优化,当id有相同的时候,索引会出现id相同的所有索引。)
// ...(通过val属性下的__ob__.dep.id的不同来解决索引会重复的问题。)
this.rightTableData.forEach((v,i) => {
if(val.__ob__.dep.id === v.__ob__.dep.id ) {
arr.push(i);
}
});
});
特此在此记录一下!!!
Vue + Element table的@select方法获取当table中的id值都相同时,获取他们索引的更多相关文章
- C#中使用MySqlCommand执行插入语句后获取该数据主键id值的方法
		
.net中要连接mysql数据库,需要引用MySql.Data.dll文件,这文件在mysql官网上有下载. 接着通过MySqlCommand执行插入语句后想要获取该数据主键id值的方法如下: lon ...
 - JS 获取select(多选下拉)中所选值的示例代码
		
通过js获取select(多选下拉)中所选值,具体实现如下,有需要的朋友可以参考下,希望对大家有所帮助 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML ...
 - input和textarea标签的select()方法----选中文本框中的所有文本
		
JavaScript select()方法选中文本框中的所有文本 <input>和<textarea>两种文本框都支持select()方法,这个方法用于选择文本框中的所有文本 ...
 - JavaScript 获取数组对象中某一值封装为数组
		
1.获取数组对象中某一值封装为数组(一) data = [["2000-06-05",116],["2000-06-06",129]]; var dateLis ...
 - C#连接mysql数据库插入数据后获取自增长主键ID值
		
From: http://blog.csdn.net/zbc496218/article/details/51082983 MySqlConnection conn = new MySqlConnec ...
 - WebAPi获取请求头中对应键值
		
/// <summary> /// 依据键获取请求头中值数据 /// </summary> /// <param name="request"> ...
 - JavaScript获取Django模板中指定键值的数据,使用过滤器
		
Django中利用js来操作数据的常规操作一般为点(.)操作符来获取字典或列表的数据,一般如{{data.0}},{{data.arg}} 但有时如果数据是嵌套类型的数据时,直接获取某个值就变得困难了 ...
 - vue+element UI 使用select元素动态的从后台获取到
		
VUE select元素动态的从后台获取到 <el-form-item label="选择店铺"> <el-select v-model="value& ...
 - vue+element搭建后台管理界面(支持table条件搜索)
		
代码地址(如果有帮助,请点个Star) vue:https://github.com/wwt729/ElementUIAdmin-master.git springboot后端:https://git ...
 - mysql获取插入时自增ID值的方法
		
1. LAST_INSERT_ID: LAST_INSERT_ID 是与table无关的,如果向表a插入数据后,再向表b插入数据,LAST_INSERT_ID会改变. LAST_INSERT_ID是 ...
 
随机推荐
- Integer使用==比较的问题
			
Integer使用==比较的问题 new一个对象 public Integer(int value) { this.value = value; } 自动装箱 public static Intege ...
 - mogdb的一主两备
			
# 一.环境准备 |节点类别|主机名|IP||-|-|-||主节点|mogdb1 |192.168.3.68||备节点1|mogdb2 |192.168.3.69||备节点2|mogdb3|192.1 ...
 - Sptring cloud Alibaba Sentinel 实现熔断与限流
			
随着微服务的流行,服务和服务之间的稳定性变得越来越重要. Sentinel 以流量为切入点,从流量控制.熔断降级.系统负载保护等多个维度保护服务的稳定性. 作用: 服务雪崩 服务降级 服务熔断 服务限 ...
 - Kotlin学习-类(嵌套类,内部类,数据类,静态类)及类扩展
			
一般类形式: class Person(var name: String){//构造函数放在类头部 var age = 1 var fulName: String var address = &quo ...
 - spring boot 3.x 配置spring security
			
参考文章:https://spring.io/guides/gs/securing-web/ 导入maven <dependency> <groupId>org.springf ...
 - SAP VL02N 字段不允许编辑
			
METHOD if_ex_le_shp_delivery_proc~change_field_attributes. data: ls_field_attributes type shp_screen ...
 - 下拉刷新  get请求   post请求   onLoad
			
"enablePullDownRefresh": true 下拉刷新之后背景颜色 "backgroundColor": "#efefef&qu ...
 - Deer_GF之图片
			
Hi,今天介绍一下Deer_Gf里的图片组件. 框架介绍请移步[Deer_GF之框架介绍] 接下来为大家介绍一下框架里用到的图片组件及加载流程. 目录 大图(Texture)存 ...
 - git手记
			
参照的是http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000这里的,git教程确实写得不 ...
 - vue框架回顾