去重复数据
初始化有一组数据,添加第二组数据时要判断数据是否存在,如果存在不插入,不存在的话插入这条新数据
- 方法一(推荐)
初始化的数组为this.updateList
查询的另一组数据为this.list
this.list.forEach(item => {
if (item.isSelect) {
var hasItem = this.updateList.some(k => {
return k.id === item.id
})
hasItem || this.updateList.push(item)
}
})
- 方法二:reduce
注意:这种方法也可以实现,但是看需求,可能最总的数据顺序有所打乱
const list = response.data
let hash = {};
let config =this.updateList
list.forEach(item => {
iconfig.push(item)
})
const newArr = config.reduceRight((item, next) => {
hash[next.id] ? '' : hash[next.id] = true && item.push(next);
return item
}, []);
el-table默认选中
官网的方法
toggleSelection(rows) {
if (rows) {
rows.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row, true)
//this.$refs.multipleTable.toggleRowSelection(row)
})
} else {
this.$refs.multipleTable.clearSelection()
}
},
初始化的时候调用方法即可,vue中必须用.$nextTick可以实现,不然可能不起作用
this.$nextTick(function() {
this.toggleSelection(this.employeedetail.shops)
})