elementplus懒加载默认展开第一级

Element Plus是一个基于Vue.js的开源UI组件库，它提供了丰富的可复用UI组件以及优化过的性能。对于列表懒加载（lazy loading），默认状态下，它通常不会立即加载整个层级的数据，而是只展示第一级的内容，当用户滚动到下一级数据时才会渐进式地加载。这样做的目的是为了提高初始页面的加载速度，提升用户体验。

如果你想要改变这个默认行为，可以在Element Plus的`el-tree`或`el-cascader`等支持懒加载的组件上配置选项。例如，在`el-tree`中，你可以设置`load`属性或者使用`lazy`属性来控制是否开启懒加载以及加载模式。

<template>
  <el-tree :data="treeData" :load="loadNode" lazy :default-expand-all="true"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [],
      // 默认展开所有节点
      defaultExpandAll: true,
    };
  },
  methods: {
    loadNode(node, resolve) {
      // 根据实际业务逻辑异步加载子节点数据
      setTimeout(() => {
        if (node.level === 0) { // 如果是根节点，才展开
          node.children = this.getLevelData(node);
          resolve(); // 解决，表示数据加载完成
        } else {
          resolve(); // 非根节点直接返回空数组表示已加载
        }
      }, 1000); // 模拟延迟加载
    },
    getLevelData(node) {
      // 这里是你获取数据的实际方法
      // 返回对应层级的数据
    },
  },
};
</script>