elementui的el-cascader的懒加载怎么实现

element-ui的el-cascader组件支持懒加载，可以通过设置lazy属性为true来开启懒加载模式。在懒加载模式下，只有当用户选择到某一级别时才会加载该级别的数据。

具体实现步骤如下：

1. 在el-cascader组件上设置lazy属性为true。

2. 为el-cascader组件绑定load方法，load方法会在每次选择到某一级别时被调用。在load方法中根据所选的值，异步加载该级别的数据，并将数据返回给el-cascader组件。

3. 在load方法中可以使用Promise对象实现异步加载数据。当数据加载完成后，通过resolve方法将数据返回给el-cascader组件。

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

<template>
  <el-cascader
    lazy
    :options="options"
    @change="handleChange"
    :load-data="loadData">
  </el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [{
        value: 'zhinan',
        label: '指南',
        children: []
      }]
    }
  },
  methods: {
    handleChange(value) {
      console.log(value);
    },
    loadData(node, resolve) {
      if (node.level === 0) {
        // 加载第一级数据
        setTimeout(() => {
          resolve([{
            value: 'zhinan',
            label: '指南',
            children: [{
              value: 'shejiyuanze',
              label: '设计原则',
              children: []
            }]
          }]);
        }, 1000);
      } else if (node.level === 1) {
        // 加载第二级数据
        setTimeout(() => {
          resolve([{
            value: 'shejiyuanze',
            label: '设计原则',
            children: [{
              value: 'yizhi',
              label: '一致',
              children: []
            }, {
              value: 'fankui',
              label: '反馈',
              children: []
            }]
          }]);
        }, 1000);
      } else {
        // 加载第三级数据
        setTimeout(() => {
          resolve([{
            value: 'yizhi',
            label: '一致',
            children: [{
              value: 'xianshi',
              label: '显示',
              children: []
            }, {
              value: 'jiaohu',
              label: '交互',
              children: []
            }]
          }, {
            value: 'fankui',
            label: '反馈',
            children: [{
              value: 'yichang',
              label: '异常',
              children: []
            }]
          }]);
        }, 1000);
      }
    }
  }
}
</script>

在上面的示例代码中，loadData方法根据node.level的值来加载不同级别的数据。在实际使用中，可以根据实际情况动态加载数据。