cascader动态加载显示默认值

对于 Cascader 组件，要实现动态加载并显示默认值，可以使用以下步骤：

1. 定义 Cascader 组件，并设置 options 属性为一个空数组。
2. 在组件的 mounted 钩子函数中，请求异步数据，并将数据赋值给 options 属性。
3. 在异步请求的回调函数中，获取到默认值的路径数组，并将其赋值给组件的 value 属性。
4. 在 Cascader 组件中，通过设置 value 属性来显示默认值。

下面是一个示例代码，演示如何动态加载并显示默认值：

<template>
  <div>
    <el-cascader
      :options="options"
      :value="value"
      @change="handleChange"
    ></el-cascader>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [],
      value: []
    };
  },
  mounted() {
    // 模拟异步请求数据
    setTimeout(() => {
      // 假设异步请求返回的数据为 [{label: '选项1', value: '1'}, {label: '选项2', value: '2'}, ...]
      const data = [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        // 其他选项...
      ];

      // 将数据赋值给 options 属性
      this.options = data;

      // 假设默认值的路径数组为 ['1', '2']
      const defaultValue = ['1', '2'];

      // 将默认值赋值给 value 属性
      this.value = defaultValue;
    }, 1000);
  },
  methods: {
    handleChange(value) {
      console.log(value);
    }
  }
};
</script>

在上述代码中，mounted 钩子函数模拟了异步请求数据的过程，并将数据赋值给 options 属性。在异步请求的回调函数中，获取到默认值的路径数组，并将其赋值给 value 属性。最后，在 Cascader 组件中通过设置 value 属性来显示默认值。