el-cascade懒加载回显

el-cascade是Element UI框架中的一个组件，用于实现级联选择器。懒加载回显是指在级联选择器中，当某个级联选项被选择时，根据选择的值动态加载下一级的选项，并将已选择的值回显到级联选择器中。

在el-cascade中实现懒加载回显的步骤如下：
1. 定义级联选择器的数据源，包括每个级联选项的值和对应的子选项。
2. 使用v-model指令绑定级联选择器的值。
3. 监听级联选择器的change事件，在事件处理函数中获取当前选择的值。
4. 根据当前选择的值，动态加载下一级的选项数据。
5. 将已选择的值回显到级联选择器中。

具体实现方式可以参考以下代码示例：

<template>
  <el-cascader
    v-model="selectedOptions"
    :options="options"
    @change="handleCascadeChange"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [], // 已选择的值
      options: [ // 级联选择器的数据源
        {
          value: 'option1',
          label: 'Option 1',
          children: [
            {
              value: 'option1-1',
              label: 'Option 1-1',
              children: [
                {
                  value: 'option1-1-1',
                  label: 'Option 1-1-1',
                },
                {
                  value: 'option1-1-2',
                  label: 'Option 1-1-2',
                },
              ],
            },
            {
              value: 'option1-2',
              label: 'Option 1-2',
            },
          ],
        },
        {
          value: 'option2',
          label: 'Option 2',
        },
      ],
    };
  },
  methods: {
    handleCascadeChange(value) {
      // 根据选择的值动态加载下一级的选项数据
      // 这里可以根据实际需求进行异步请求获取数据
      // 并更新options中对应级联选项的children属性
    },
  },
};
</script>

在上述代码中，`options`数组定义了级联选择器的数据源，`selectedOptions`用于绑定已选择的值。在`handleCascadeChange`方法中，可以根据选择的值动态加载下一级的选项数据，并更新`options`中对应级联选项的`children`属性。这样就实现了el-cascade的懒加载回显功能。