vue3如何获取el-tree组件实例

在Vue 3中，要获取`el-tree`组件的实例，你需要通过以下步骤：

1. 首先，在你的Vue组件中，通常是在`setup()`钩子里，或者在模板上直接绑定`ref`属性来创建一个引用。

<template>
  <el-tree ref="treeRef" :props="treeProps" />
</template>

<script setup>
import { Ref } from 'vue';
const treeRef = ref(null); // 创建一个树节点的引用
</script>

2. 然后，当`el-tree`组件渲染完成并且实例可用时，你可以通过`.value`属性访问到这个实例：

// 在某个生命周期钩子（如mounted或onMounted）中获取实例
useEffect(() => {
  if (treeRef.value) {
    console.log('Tree instance:', treeRef.value);
  }
}, [treeRef]); // 列表包含treeRef以便于监听其变化

现在你就可以在控制台上看到`el-tree`组件的实例了。如果需要进一步操作，可以直接对这个实例进行方法调用或属性读取。