<el-cascader>动态加载

`el-cascader`是Element UI库中的一个组件，用于实现层级选择器，它支持动态加载数据。当数据量非常大，或者数据是异步获取的，动态加载能够提高用户体验，避免一次性加载所有数据导致页面性能下降。

在`el-cascader`中使用动态加载，通常的做法是：

1. **设置props**：在组件的props中，设置`lazy`属性为`true`，告诉组件数据是动态加载的。

   <el-cascader :options="options" lazy :load-data="loadData" placeholder="请选择"></el-cascader>

2. **loadData方法**：这是一个自定义的方法，当用户开始滚动或选择时，会被调用来加载下一级的数据。方法接收两个参数，`node`表示当前选中的节点，`resolve`是一个回调函数，用于返回新的选项。

  .methods: {
     loadData(node, resolve) {
       // 根据node的值（通常是ID）从服务器或其他数据源获取下一级的数据
       // 示例：axios.get(`/api/data/${node.value}`).then(response => {
       //       const newData = response.data;
       //       resolve(newData);
       //     });
     }
   }

3. **处理加载后的数据**：`resolve`函数接收到新数据后，需要更新`options`对象，添加新数据到适当的层级。

   loadData(node, resolve) {
     // ...
     resolve([...existingData, ...newData]);
   }

   // 假设options初始化为空数组
   data: {
     options: []
   }