vue element tree 回显展开选中的节点代码怎么写

你可以使用 `ref` 属性来获取 `ElTree` 组件实例，并使用 `setCheckedKeys` 方法设置选中的节点，使用 `expandAll` 或 `expand` 方法展开节点。以下是一个示例代码：

<template>
  <el-tree :data="treeData" ref="tree" :expand-on-click-node="false"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: "Node 1",
          children: [
            {
              label: "Leaf 1-1",
              id: 1
            },
            {
              label: "Leaf 1-2",
              id: 2
            }
          ]
        },
        {
          label: "Node 2",
          children: [
            {
              label: "Leaf 2-1",
              id: 3
            },
            {
              label: "Leaf 2-2",
              id: 4
            }
          ]
        }
      ],
      checkedKeys: [1, 3],
      expandedKeys: [1, 3]
    };
  },
  mounted() {
    this.$nextTick(() => {
      // get ElTree component instance
      const tree = this.$refs.tree;

      // set checked keys
      tree.setCheckedKeys(this.checkedKeys);

      // expand all or specific nodes
      tree.expandAll(); // expand all
      // tree.expand(this.expandedKeys); // expand specific nodes
    });
  }
};
</script>

在上面的示例中，我们使用 `$nextTick` 方法来等待 `ElTree` 组件渲染完成后获取组件实例并执行展开和选中节点的操作。你可以根据需要修改 `treeData`、`checkedKeys` 和 `expandedKeys` 数据来动态设置选中和展开节点。