循环添加一条数据之后，点击这条数据的删除，页面不改变 怎么解决

循环添加一条数据之后，点击这条数据的删除，数据改变，页面不改变 怎么解决

  column title="操作" width="10%" show-overflow>
                          <template #default="{ row, rowIndex }">
                            type="text"
                              @click="download(row, rowIndex, tableData)"
                              >删除
                          template>
column>

 download(row, rowIndex, tableData) {
      tableData.splice(rowIndex, 1);
      console.log(tableData);
      console.log(this.tableData);
}

方法一：使用 Vue.set

import Vue from 'vue'

...

download(row, rowIndex, tableData) {
  Vue.set(tableData, rowIndex, {...row, isDelete: true})
}

方法二：使用 Vue.delete

download(row, rowIndex, tableData) {
  Vue.delete(tableData, rowIndex);
}

this.$forceUpdate() 强制刷新试一下

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 关于该问题，我找了一篇非常好的博客，你可以看看是否有帮助，链接：懒加载情况下，更改某一页某一条数据后，如何做到页面位置不变实时更新的4种方法

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^