// 页面代码
<el-tree
ref="tree"
node-key="id"
:props="props"
:load="loadNode"
lazy
highlight-current
@node-click="handleNodeClick"
>
</el-tree>
// loadNode 函数
// getDepTree函数为自定义的ajax接口函数
async loadNode(node, resolve){
const {level} = node
let tree = []
if (level === 0) {
tree = await getDepTree()
} else {
tree = await getDepTree({admBranCode: node.data.branCode})
level >= 2 && tree.data.map(item => {return item.leaf = true})
}
return resolve(tree.data)
},
// 更新视图代码
update(){
let key = this.$refs.tree.getCurrentKey()
let node = this.$refs.tree.getNode(key)
// 请求
// 修改的关键代码,会重新触发loadNode函数
node.parent.loaded = false
node.parent.expand()
this.formEdit = false
},
以上代码经过我个人测试,暂时