vue element 使用tree时候 使用懒加载查询所有数据

对于 Vue Element UI 中的 Tree 组件，也可以使用懒加载的方式来查询所有数据。具体实现方法如下：

1. 在 Tree 组件中设置 `lazy` 属性为 `true`，表示开启懒加载模式。
2. 在 Tree 组件中设置 `load` 属性，用于指定懒加载时需要调用的方法。
3. 在 `load` 方法中使用异步请求获取数据，并将数据通过回调函数返回给 Tree 组件。

下面是一个示例代码，演示如何使用懒加载的方式查询 Vue Element UI 中的 Tree 组件中的所有数据：

<template>
  <el-tree :data="treeData" :lazy="true" :load="lazyLoad"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [],
      // 懒加载时需要调用的方法
      lazyLoad(node, resolve) {
        // 模拟异步请求数据
        setTimeout(() => {
          // 获取数据
          const data = getData(node.id);
          // 将数据通过回调函数返回给 Tree 组件
          resolve(data);
        }, 1000);
      }
    }
  }
}
</script>

在这个示例中，我们在 Tree 组件中设置了 `lazy` 属性为 `true`，表示开启懒加载模式。然后在 `load` 方法中，模拟异步请求数据，并将数据通过回调函数 `resolve` 返回给 Tree 组件。最后，我们在 Tree 组件中使用 `treeData` 属性来显示查询到的数据。

需要注意的是，在实际使用中，需要根据实际情况修改 `getData` 方法来获取对应的数据。同时，在 `lazyLoad` 方法中，也可以根据需要进行数据处理，以便在 Tree 组件中正确显示数据。