vant级联选择异步加载

Vant 的级联选择器组件可以通过异步加载来实现动态加载级联数据。具体实现方法如下：

1. 在选择器组件中设置 `:load-data="loadData"` 属性，指定加载数据的方法。

2. 实现 `loadData` 方法，该方法接收一个参数 `item`，表示当前需要加载子级数据的选项。该方法应返回一个 Promise 对象，在 Promise 对象的回调函数中，将子级数据作为 Promise 对象的返回值返回。

3. 在 `loadData` 方法中，根据 `item` 的值，异步加载子级数据，并将子级数据作为 Promise 对象的返回值。

4. 在 `loadData` 方法中，如果需要在加载数据时显示 loading 状态，可以使用 Vant 的 Loading 组件，在加载数据前调用 `this.$toast.loading()` 方法显示 loading 状态，在加载完成后调用 `this.$toast.clear()` 方法隐藏 loading 状态。

下面是一个示例代码：

<van-cascade-picker
  :data="cascadeData"
  :load-data="loadData"
></van-cascade-picker>

export default {
  data() {
    return {
      cascadeData: [
        {
          value: '1',
          label: '一级选项'
        }
      ]
    }
  },
  methods: {
    loadData(item) {
      // 显示 loading 状态
      this.$toast.loading({
        message: '加载中...',
        duration: 0
      });

      // 异步加载子级数据
      return new Promise(resolve => {
        setTimeout(() => {
          const childData = [
            {
              value: '1-1',
              label: '二级选项'
            }
          ];

          // 隐藏 loading 状态
          this.$toast.clear();

          // 将子级数据作为 Promise 对象的返回值返回
          resolve(childData);
        }, 1000);
      });
    }
  }
}