el-cascader后台加载

`el-cascader` 是 Element UI 提供的一个用于构建级联选择器组件。当数据量较大或需要从服务器动态加载数据时，可以采用后台加载（即异步加载）的方式。在 `el-cascader` 中，你可以通过设置 `options` 属性为一个 Promise 对象来实现后台加载。当用户开始下拉选项时，组件会发送请求到服务器获取层级数据。

以下是基本的步骤：

1. 初始化组件时，设置 `options` 为空数组或者初始状态：

   <el-cascader :options="asyncOptions" />

2. 定义一个 asyncOptions 方法，返回一个 Promise，通常会在该方法内部处理 API 调用并处理响应：

   data() {
     return {
       asyncOptions: []
     };
   },
   
   methods: {
     async loadOptions(query) {
       // 这里可以使用 axios 或者 fetch 等库发起 HTTP 请求
       const response = await yourApiCall(query); // 假设你的API接口能返回树状结构的数据

       if (response.data) {
         return response.data; // 返回解析后的数据
       } else {
         return []; // 如果请求失败或数据未满足条件，返回空数组
       }
     }
   }

3. 当用户输入查询时，触发后台加载：

   mounted() {
     this.loadOptions().then(this.options => {
       this.asyncOptions = this.options;
     });
   },
   watch: {
     query(newVal) {
       this.loadOptions(newVal);
     }
   }