el-cascader懒加载如何手动触发

在Element UI的Cascader组件中，如果你想要在非默认状态下手动触发懒加载，比如用户直接通过编程交互而非点击节点，你可以通过`loadData`方法主动加载数据。这个方法通常是在用户触发某个操作时，我们希望动态加载某些节点下的子节点。

下面是一个例子，假设我们在用户输入值后手动触发懒加载：

<template>
  <el-cascader
    v-model="selectedValue"
    :options="options"
    lazy
    @input="handleInputChange"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: [],
      options: [], // 初始化的数据列表，通常从服务端获取
    };
  },
  methods: {
    handleInputChange(inputValue) {
      // 在输入框改变时，检查是否需要手动加载数据
      if (inputValue !== '') {
        this.loadChildren(inputValue);
      }
    },
    loadChildren(inputValue) {
      // 异步加载子节点数据，这里的`loadChildNodes`是你实际的API请求或计算逻辑
      this.$axios.get(`/api/load-child-nodes?input=${inputValue}`).then((response) => {
        // 更新选项，假设响应体是新的子节点数组
        this.options.push(...response.data);
      });
    },
  },
};
</script>

在这个例子中，当你在输入框输入内容后，`handleInputChange`会检测到变化，并调用`loadChildren`方法去加载对应输入值的子节点。