在项目开发中,使用el-tree 进行懒加载的时候,如果遇到需要进行添加 删除操作的时候,整体刷新数据体验会很不好,所以需要局部进行刷新,
我们可以通过找到树节点的形式,对当前展开的节点进行重新打开请求一次,以此来获取最新数据
<el-tree
lazy
ref="tree"
:load="loadNode"
:node-key="id"
>
</el-tree>
methods: {
refreshNodeBy(id){
let node = this.$refs.tree.getNode(id); // 通过节点id找到对应树节点对象
node.loaded = false;
node.expand(); // 主动调用展开节点方法,重新查询该节点下的所有子节点
}
}