antdmobile cascader异步加载数据

Ant Design Mobile 的 Cascader（级联选择器）组件默认支持同步加载数据，但如果需要实现异步加载，你可以通过监听 `on-change` 或者 `on-select` 事件，在用户展开节点时动态获取并更新下拉选项。

下面是一个简单的异步加载示例：

import { Cascader } from 'antd-mobile';

const asyncLoadOptions = (value) => {
  // 模拟异步数据请求
  return new Promise((resolve) => {
    setTimeout(() => {
      const options = []; // 根据 value 获取的数据
      if (value.length > 0) {
        // 遍历数据生成 option 对象数组
        for (let item of data) {
          if (item.parentId === value[0]) {
            options.push({ label: item.name, value: item.id });
          }
        }
      }
      resolve(options);
    }, 500); // 延迟500ms返回结果
  });
};

<Cascader
  placeholder="请选择分类"
  on-change={asyncLoadOptions}
>
  <Option value="">顶级分类</Option>
</Cascader>

在这个例子中，当用户开始输入或者选中第一个级别的值时，会触发 `asyncLoadOptions` 函数，该函数模拟了一个延迟的异步操作，并返回当前层级下的选项。实际应用中，你需要替换 `data` 为你的实际数据源。