el-table树状结构懒加载lazy

el-table 树状结构的懒加载（lazy）是指在展开树节点时，只加载当前展开节点的子节点数据，而不加载整个树的数据。

要实现 el-table 树状结构的懒加载，你可以按照以下步骤进行操作：

1. 首先，在 el-table 的数据源中，为每个节点对象添加一个 `children` 属性，用于存储该节点的子节点数据。

2. 在 el-table 的列定义中，为展示树状结构的列添加一个自定义的模板。例如：

   <el-table-column label="名称">
     <template slot-scope="scope">
       <span v-for="n in scope.row.level" :key="n">&nbsp;&nbsp;&nbsp;</span>
       <span>{{ scope.row.name }}</span>
     </template>
   </el-table-column>

3. 在 el-table 上添加 `:tree-props` 属性，用于指定树节点的配置。例如：

   <el-table :data="data" :tree-props="{ hasChildren: 'hasChildren', children: 'children' }">
     <!-- 列定义 -->
   </el-table>

4. 在 el-table 上添加 `@node-expand` 事件监听器，用于在节点展开时请求该节点的子节点数据。例如：

   <el-table :data="data" :tree-props="{ hasChildren: 'hasChildren', children: 'children' }" @node-expand="handleNodeExpand">
     <!-- 列定义 -->
   </el-table>

5. 在 Vue 组件的方法中，实现 `handleNodeExpand` 方法，用于请求节点的子节点数据并更新数据源。例如：

   methods: {
     handleNodeExpand(row, done) {
       // 发起异步请求，并将子节点数据添加到当前节点的 children 属性中
       // 更新数据源
       this.$set(row, 'children', responseData);
       // 调用 done() 方法通知组件展开动作已完成
       done();
     }
   }

通过以上步骤，你可以实现 el-table 树状结构的懒加载。当展开一个节点时，将触发 `node-expand` 事件，然后在该事件的处理方法中发起异步请求获取子节点数据，并更新当前节点的 `children` 属性，从而实现树状结构的懒加载效果。