elementplus表格树形结构懒加载

Element Plus 是一款基于 Vue.js 2.0 的 UI 组件库，其中包含了表格树形结构懒加载的实现。表格树形结构懒加载是指当表格的数据很多时，可以通过懒加载的方式，只在需要展开时才加载子节点的数据，以提升页面性能和用户体验。

Element Plus 的表格树形结构懒加载组件提供了一个 `lazy` 属性来实现懒加载功能，当该属性值为 `true` 时，只有当某个节点被展开时才会去请求该节点的子节点数据。此外，该组件还提供了 `load` 方法用于异步加载子节点数据，以及 `render-content` 属性用于自定义表格的单元格内容。

以下是一个简单的示例代码：

<template>
  <el-table-tree-column :columns="columns" :data="data" :lazy="true" :load="loadData">
    <template #default="{ row }">
      <span>{{ row.name }}</span>
    </template>
  </el-table-tree-column>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          label: '名称',
          prop: 'name',
        },
        {
          label: '状态',
          prop: 'status',
        },
      ],
      data: [],
    };
  },
  methods: {
    loadData(node, resolve) {
      // 异步加载子节点数据
      // node 表示当前节点信息，resolve 表示加载成功后的回调函数
    },
  },
};
</script>