element table 二级列表懒加载 新增,编辑,删除,实时更新列表

250 阅读1分钟

1:table列表中的二级列表 可以使用懒加载。但是在操作二级列表 新增,删除,编辑,之后不能实时显示出来。那么解决的方法是请看图:

Snipaste_2022-11-19_16-57-59.png 2:refreshParentRow:这个是父级的id 待会我们要用到它

Snipaste_2022-11-19_16-57-33.png 3:这里写一个更新子级的方法。

4:最关键的一句代码

5:this.set(this.set(this.refs.table1.store.states.lazyTreeNodeMap, this.refreshParentRow, res.data) 因为我的后端返回的数据是两个接口 父级列表和子级列表的。 所以在请求子级列表之后 请求一下这个方法就可以了。

6:this.refreshParentRow:是父级的id,res.data:是请求的列表。

7:在新增,删除,和编辑成功之后调用 一下方法即可。