element ui 表格懒加载操作问题
在做省市区列表的时候。用到了el-table 的row-key (树形)和 lazy、load 懒加载。问题对于增加和删除、编辑。操作成功后,列表不会更新。 就算重新执行加载函数也只是加载第一层。
1. 首先在列表加载函数load内,利用map把参数缓存起来。主要是后续要用resolve
// 懒加载async load(region_id, treeNode, resolve) {// 这是获取代码省略。。。。// 缓存加载的数据this.loadMap.set(region_id, { resolve })resolve(data || [])},
2. 添加数据(后端添加数据接口需要添加完,之后获取当前添加元素父级下所有子元素)
const { parentChildren } = await ApiAddRegion(this.temp) const { resolve } = this.loadMap.get(this.temp.parent_id)if (resolve) {resolve(parentChildren || [])}
后续都是一样的,(删除和编辑)都是操作完,需要返回父级元素下的所有子元素。