數據結構?

  list: [{ name: "序號", id: 0, show: true },{ name: "出庫單編號", id: 1, show: false },{ name: "wbs元素", id: 2, show: true },{ name: "序號1", id: 3, show: true },{ name: "出庫單編號1", id: 4, show: false },{ name: "wbs元素1", id: 5, show: true },{ name: "序號2", id: 6, show: true },{ name: "出庫單編號2", id: 7, show: false },{ name: "wbs元素2", id: 8, show: true },{ name: "序號3", id: 9, show: true },{ name: "出庫單編號3", id: 10, show: false },{ name: "wbs元素3", id: 11, show: true },{ name: "序號4", id: 12, show: true },{ name: "出庫單編號4", id: 13, show: false },{ name: "wbs元素4", id: 14, show: true },],

html

                <a-select v-model="state.searchValue" show-search placeholder="字段名稱" class='w-[70%]':filter-option="filterOption" @change="handleChange" :options="state.list" :fieldNames="{label: 'name',value: 'id',}" allowClear></a-select>// fieldNames 配置label和value 中 在數組中使用的字段

js? 搜索過濾

const filterOption = (input, option) => {return (option?.name ?? "").includes(input);};