vue3 - el-tree-select懒加载数据如何回显？

Question

<el-tree-select  v-model="value"  lazy  :load="load"  :props="props"  node-key="id"  @check-change="handleCheckedChange"  :default-expanded-keys="expandedKeys"  :default-checked-keys="checkedKeys"  multiple  show-checkbox  />

数据是通过懒加载获取的，default-expanded-keys属性值需要从顶层根节点到当前选中节点的key路径，现在回显的时候只能得到当前选中节点的key，这样该如何回显呢？

想要的效果是：编辑回显时，展开树形控件选中的节点是默认选中的状态

Answer 1

function getPathToNode(tree, targetKey, path = []) {  for (const node of tree) {    path.push(node.id);    if (node.id === targetKey) {      return path;    }    if (node.children) {      const foundPath = getPathToNode(node.children, targetKey, path.slice());      if (foundPath) {        return foundPath;      }    }    path.pop();  }  return null;}

tree：是一个对象数组,你第一次调用时候，它是整个树的根节点数组。在递归调用里的时候，它是当前节点的子节点数组。
targetKey：这是你要查的选中节点的key。