el-tree通过ref获取所有数据

`el-tree`是Element UI库中的一个树状组件，它允许你渲染嵌套的数据结构。如果你想通过`ref`属性来获取整个树节点的数据，你可以按照以下步骤操作：

1. 首先，在Vue组件中声明一个ref，通常用于树节点元素，例如：

<template>
  <el-tree ref="treeRef" :data="treeData" :props="treeProps">
    <!-- 树节点内容 -->
  </el-tree>
</template>

2. 在你的JavaScript部分，给这个`ref`赋值：

export default {
  setup() {
    const treeRef = ref(null); // 使用ref包装el-tree实例

    // ...其他组件逻辑

    onMounted(() => {
      if (treeRef.value) { // 确保在挂载完成后才尝试获取数据
        const allNodesData = treeRef.value.nodes; // 这将返回树的所有节点数据
        console.log(allNodesData);
      }
    });

    return {
      treeRef,
      // 其他变量和方法...
    };
  },
  data() {
    return {
      treeData: [], // 初始化树的数据
      treeProps: {}, // 树节点的显示配置
    };
  },
};

当`el-tree`加载完毕并且ref绑定的对象不再是`null`时，你可以通过`.value.nodes`访问到所有的节点数据。