element ui的table组件设置成懒加载时,遇到数据表格需要更新、删除等操作,子节点不会自动更新。
刷新数据,就是重新调用load(),通过map记录已展开的节点,需要刷新数据时,取出对应treeNode,调用load()进行数据刷新。
export default {
data() {
return {
map: new Map(),
}
},
methods: {
load(tree, treeNode, resolve) {
let parentId = tree.id;
listCustomerPackageConsumeChildren(parentId).then((response) => {
// 在节点展示加载数据时记录treeNode节点
this.map.set(parentId, {tree,treeNode,resolve});
resolve(response.data);
});
},
// 在新增、编辑、删除子节点时,通过父级id找到对应的treeNode,重新加载子节点列表,完成数据刷新
refresh(parentId) {
if(this.map.get(parentId)) {
const {tree,treeNode,resolve} = this.map.get(parentId);
if(tree) {
this.load(tree, treeNode, resolve);
}
}
},
updateTable(){
//.....to do....
// 刷新表格懒加载数据
this.refresh(你的id);
}
}
}
因篇幅问题不能全部显示,请点此查看更多更全内容
怀疑对方AI换脸可以让对方摁鼻子 真人摁下去鼻子会变形
女子野生动物园下车狼悄悄靠近 后车司机按喇叭提醒
睡前玩8分钟手机身体兴奋1小时 还可能让你“变丑”
惊蛰为啥吃梨?倒春寒来不来就看惊蛰
男子高速犯困开智能驾驶出事故 60万刚买的奔驰严重损毁