fix(edit-table): oldValue 更新问题 (#62)

#61
FEMessage · Aug 10, 2020 · af8b9aa · af8b9aa
1 parent e8f4124
commit af8b9aa
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 16 deletions.
diff --git a/examples/docs/zh-CN/edit-table.md b/examples/docs/zh-CN/edit-table.md
@@ -516,15 +516,21 @@ export default {
 :::demo
 
 ```html
-<el-button @click="onSyncUpdate">异步更新</el-button>
+<el-button @click="onSyncUpdate">Append</el-button>
 <el-button @click="onSetOptions">SetOptions</el-button>
 <el-edit-table ref="form" :columns="columns" v-model="data"></el-edit-table>
 
 <script>
   export default {
     data() {
       return {
-        data: [],
+        id: 1,
+        data: [
+          {
+            id: `第 1 行`,
+            option: '',
+          },
+        ],
         columns: [
           {
             id: 'id',
@@ -549,20 +555,12 @@ export default {
     },
     methods: {
       onSyncUpdate() {
-        this.data = [
-          {
-            id: '第 1 行',
+        for (let i = 0; i < 3; i++) {
+          this.data.push({
+            id: `第 ${++this.id} 行`,
             option: '',
-          },
-          {
-            id: '第 2 行',
-            option: '',
-          },
-          {
-            id: '第 3 行',
-            option: '',
-          },
-        ]
+          })
+        }
       },
       onSetOptions() {
         this.data.forEach((e, i) => {

diff --git a/packages/edit-table/src/main.vue b/packages/edit-table/src/main.vue
@@ -171,6 +171,8 @@ export default {
     value(v) {
       this.resetRowOptionsData(v, this.oldValue);
 
+      this.oldValue = [...v];
+
       this.indexKeys = v.map((_, i) => i);
     }
   },
@@ -207,7 +209,6 @@ export default {
     },
 
     updateValue(value) {
-      this.oldValue = [...this.model.data];
       this.$emit('input', value);
     },