单元格多选先点击选择后在进行编辑的话,数据就不能及时的更新的问题
解决方案如下:
html部分:
js部分:
handleSelectRow (rows) { // 点击checkbox的时候,更新数据
this.updateData(rows);
},
// 更新选中的数据
updateData (val = this.policyModel.strategyVersionVOList) {
if (val.length) {
let obj = {};
val.forEach(v => { // 先循环选中的值,找到id,与所有data里的id进行比对
obj[v.id] = v;
});
// this.upgradeUnitList是这个表格里面所有的数据,过滤所有的数据跟选中的数据进行对比
// 因为表格里面的数据是实时更改的,
this.policyModel.strategyVersionVOList = this.upgradeUnitList.filter(v => {
if (obj[v.id]) { // 循环data,如果里面有id跟选中的id一样,把这条数据赋值给this.policyModel.strategyVersionVOList
return v;
}
});
}
}