vue实现三级级联的el-tree懒加载树

实现三级级联的el-tree懒加载树，可以按照以下步骤进行：

1. 安装element-ui组件库，并在项目中引入el-tree组件。

npm install element-ui --save

import { Tree } from 'element-ui';
export default {
  components: {
    [Tree.name]: Tree,
  },
}

2. 创建树的数据源，并定义懒加载函数

{
  label: '一级节点',
  id: 1,
  children: [],
  loading: false,
},
{
  label: '二级节点',
  id: 2,
  children: [],
  loading: false,
},
{
  label: '三级节点',
  id: 3,
  children: [],
  loading: false,
}

async loadNode(node, resolve) {
  if (node.level === 0) {
    return resolve([
      {
        label: '一级节点',
        id: 1,
        children: [],
        loading: false,
      }
    ])
  }
  if (node.level === 1) {
    node.loading = true;
    const children = await getChildren(node.id);
    node.loading = false;
    children.forEach(child => {
      child.loading = false;
      child.children = [];
    })
    return resolve(children)
  }
  if (node.level === 2) {
    node.loading = true;
    const children = await getChildren(node.id);
    node.loading = false;
    children.forEach(child => {
      child.loading = false;
      child.children = [];
    })
    return resolve(children)
  }
},

3. 在模板中使用el-tree组件，并绑定数据源和懒加载函数

<el-tree
  :data="data"
  :load="loadNode"
  :lazy="true"
>
</el-tree>

这样就可以实现三级级联的el-tree懒加载树了。