element-Plus el-tree 懒加载 vue3 局部刷新

1.首先给 el-tree 组件添加 ref

<el-tree node-key="unid" ref="treeRef" />

2.获取到ref

const treeRef = ref()

3.重新加载节点的方法,只要传入 unid 就行,以为我们上面 node-key 绑定的就是 unid

const refreshTreeNode = (unid) => {
  let node = treeRef.value.getNode(unid);
  if (node) {
    node.loaded = false;    //告诉组件这个节点需要加载
    node.expand(); // 主动调用展开节点方法,重新查询该节点下的所有子节点
  }
}

4.哪里需要就在哪里调用就好了

refreshTreeNode(unid)

猜你喜欢

转载自blog.csdn.net/weixin_50587417/article/details/130768316