vue3 + el-tree定位到选中节点的位置

要让el-tree定位到选中节点的位置，你可以使用vue3的$refs特性和el-tree的方法来实现。具体步骤如下：

1. 在el-tree上添加ref属性，例如：

<el-tree ref="tree"></el-tree>

2. 在选中节点时，获取该节点的key（或者其他唯一标识符），并将其保存在data中，例如：

<el-tree
  :data="data"
  @node-click="handleNodeClick"
></el-tree>

...

data() {
  return {
    selectedKey: null,
    data: [
      {
        label: 'Node 1',
        key: '1',
        children: [
          {
            label: 'Node 1-1',
            key: '1-1'
          },
          {
            label: 'Node 1-2',
            key: '1-2'
          }
        ]
      },
      {
        label: 'Node 2',
        key: '2',
        children: [
          {
            label: 'Node 2-1',
            key: '2-1'
          },
          {
            label: 'Node 2-2',
            key: '2-2'
          }
        ]
      }
    ]
  }
},
methods: {
  handleNodeClick(data) {
    this.selectedKey = data.key;
  }
}

3. 在mounted钩子函数中，使用$refs获取el-tree的实例，并调用其getNode方法获取选中节点的实例，例如：

mounted() {
  this.$nextTick(() => {
    const tree = this.$refs.tree;
    const node = tree.getNode(this.selectedKey);
    ...
  });
}

4. 调用el-tree的scrollIntoView方法，将选中节点滚动到可见区域，例如：

mounted() {
  this.$nextTick(() => {
    const tree = this.$refs.tree;
    const node = tree.getNode(this.selectedKey);
    tree.$el.querySelector('.is-current').scrollIntoView();
  });
}

这样就可以实现el-tree定位到选中节点的位置了。