Table的【可编辑行】示例代码，"修改多行，仅保存1行时"，逻辑有问题

[liangxinhui]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.4.10

Environment

windows10, Microsoft Edge 79.0.309.58 , Vue 2.6.10

Reproduction link

Steps to reproduce

1. 复制官网 Table的【可编辑行】 示例代码
2. 分别在两行上点击 Edit。并修改
3. 其中1行点保存，另1行点取消。

What is expected?

1行保存修改，另1行返回原来的值。

What is actually happening?

两行都执行了修改。取消无效

[liangxinhui]

Save 的时候，应该用 cacheData 作为基础数据。然后把当前行的修改刷新进去。

[liangxinhui]

我尝试做了修改，目前看起来是正常的：

原代码：

      save(key) {
        const newData = [...this.data];
        const target = newData.filter(item => key === item.key)[0];
        if (target) {
          delete target.editable;
          this.data = newData;
          this.cacheData = newData.map(item => ({ ...item }));
        }
      },

修改为：

      save(key) {
        const newData = [...this.data];
        const newCacheData = [...this.cacheData];
        const target = newData.filter(item => key === item.key)[0];
        const targetCache = newCacheData.filter(item => key === item.key)[0];
        if (target && targetCache) {
          delete target.editable;
          this.data = newData;
          Object.assign(
            targetCache,
            target
          );
          this.cacheData = newCacheData;
        }
      },

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.