首页 > 技术文章 > 单元格多选先点击选择后在进行编辑的话,数据就不能及时的更新的问题

yeanling 2020-09-14 17:09 原文

解决方案如下:
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;
          }
        });
      }
    }

推荐阅读