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

解决方案如下:
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;
          }
        });
      }
    }
posted @ 2020-09-14 17:09  羊羊羊小童鞋  阅读(172)  评论(0编辑  收藏  举报