el-tree通过ref获取整个树数据

`el-tree`是Element UI库中的一个组件，它用于展示层次结构的数据，比如文件系统、组织架构等。如果你想要通过`ref`属性获取整个树形数据，可以按照以下步骤操作：

1. 首先，在Vue组件模板中声明一个`el-tree`元素，并为其添加`ref`属性：

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

2. 然后，在对应的`data`对象中定义你的树状数据结构，例如：

export default {
  data() {
    return {
      treeData: [], // 树形数据数组
      treeProps: { children: 'children', label: 'name' } // 属性映射
    };
  }
}

3. 在Vue实例中，你可以通过`.value`访问到由`ref`关联的`el-tree`组件实例，然后调用其提供的方法获取树形数据，如`getCheckedNodes()`、`getNodes()`或直接访问`$refs.treeRef.data`：

methods: {
  fetchData() {
    const nodes = this.$refs.treeRef.value.nodes; // 获取所有节点
    const checkedNodes = this.$refs.treeRef.value.getCheckedNodes(); // 如果需要已选中的节点
    console.log('全部节点:', nodes);
    console.log('选中的节点:', checkedNodes);
  }
}