el-cascader 级联选择器根据接口动态加载数据

el-cascader 是一个级联选择器组件，可以根据接口动态加载数据。使用 el-cascader 组件时，需要指定数据源，这可以通过传递一个数组来实现，也可以通过指定一个远程获取数据的方法来动态加载数据。

下面是一个示例代码，演示如何根据接口动态加载数据：

<template>
  <el-cascader :options="options" :load-data="loadData" v-model="selectedOptions"></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [], // 数据源
      selectedOptions: [] // 选中的数据
    };
  },
  methods: {
    loadData(node, resolve) {
      // node：当前节点的数据对象
      // resolve：回调函数，用于返回异步加载的数据
      // 根据 node 的值，从接口获取数据并返回
      fetch('/api/loadData', { parentId: node.value }).then(response => {
        // 将异步加载的数据作为参数传递给 resolve 函数
        resolve(response.data);
      });
    }
  }
};
</script>

在这个示例代码中，我们通过在 el-cascader 组件上绑定 `load-data` 属性来指定一个加载数据的方法，每次选中一个节点时都会调用这个方法。在这个方法中，我们可以通过异步请求从接口中获取数据，并把获取到的数据作为参数传递给 `resolve` 回调函数，以便将数据添加到级联选择器中。