diff --git a/examples/docs/zh-CN/edit-table.md b/examples/docs/zh-CN/edit-table.md
index 2c4b5eaa473..0f236ceaf5d 100644
--- a/examples/docs/zh-CN/edit-table.md
+++ b/examples/docs/zh-CN/edit-table.md
@@ -516,7 +516,7 @@ export default {
:::demo
```html
-异步更新
+Append
SetOptions
@@ -524,7 +524,13 @@ export default {
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
index 0c06f42d26d..df1a9329620 100644
--- 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);
},