Common Components
On this page

使用 NAutoLoadSelect ​

TIP

选项回显请参考 设置占位选项

javascript
import { reactive } from "vue";
import { NAutoLoadSelect } from "@nbicc/common-components";
import { requestPosts } from "../mock";

const modelData = reactive({
  name: undefined
});

async function loadRecord(pagination, filter, sorter, { abortSignal }) {
  const { current, pageSize } = pagination;
  return await requestPosts(current, pageSize, 5000);
  // 测试空数据
  // return { data: [], total: 0 };
}
vue
<a-form :model="modelData">
  <a-form-item name="name" label="名称">
    <NAutoLoadSelect v-model:value="modelData.name" :page-size="10" :load-record="loadRecord" placeholder="请选择" :field-names="{ label: 'name', value: 'id' }" />
  </a-form-item>
</a-form>