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

el-cascader 级联选择器可以通过配置 `:options` 属性来动态加载数据。具体来说，你可以通过监听 `change` 事件，获取当前选择的值，然后根据这个值向服务器请求下一级的数据，最后将数据更新到 `:options` 中即可。

以下是一个简单的例子：

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

export default {
  data() {
    return {
      selectedOptions: [],
      options: []
    }
  },
  methods: {
    handleChange(value) {
      // 向服务器请求下一级数据
      // 假设返回的数据为 [{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]
      const newData = [{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]
      
      // 将新数据更新到 options 中
      const lastOption = this.options.reduce((acc, cur) => acc.children && acc.children[cur], { children: this.options })
      lastOption.children = newData
    }
  }
}

在以上例子中，我们监听了 `change` 事件，并在 `handleChange` 方法中向服务器请求下一级数据。假设服务器返回的数据为 `newData`，我们将其更新到 `options` 中，从而实现了动态加载数据的效果。