由于业务需求,大量的上下级关系管理,使用了el-tale树形懒加载,但使用过程中出现了以下三个问题
1.删除时表格没有更新子级的数量
2.新增时也没有加载新的数据
3.使用this.$set(this.$refs.tabable.store.states.lazyTreeNodeMap, this.form.parentId, data)更新了视图,但是父级上面的数量统计没有更新
这个办法基本可以解决问题
// 懒加载
load(tree, treeNode, resolve) {
// 点击展开时存储该节点的key
if(!this.treeIds.includes(tree.deptId)){
this.treeIds.push(tree.deptId)
}
...
},
// 新增成功,删除时更新树 将已展开的节点重新设置为未加载状态
refreshRow(){
for(let i in this.treeIds){
this.$refs.table['store'].states.treeData[this.treeIds[i]].loaded = false;
this.$refs.table['store'].states.treeData[this.treeIds[i]].expanded = false
}
},