ant design vue 关于select 请求数据后没有立即显示的问题
设置:filterOption 属性为false
vben admin框架中封装了ant design vue
select组件在使用提供的updaeSchema
函数时只能更新一次,有知道解决的老铁可以告诉我.代码如下:
{ field: 'package', label: '套餐项目', component: 'ApiSelect', componentProps: ({ formActionType })=>{ const fetchData = ref<OptionsItem[]>([]); const fetchTest = debounce(values=>{ console.log('test:', values); const httpData = { c_id: 1, param: values }; getchildrenTest(httpData).then(res => { console.log('res:', res); const item = res.map(test=> { return { label: `${test.name}`, value: test.id, }}); fetchData.value = item; }) },1000); watch(()=>fetchData.value,()=>{ console.log('fetchData):',fetchData.value); formActionType.updateSchema([{ field:'package', componentProps:{ options:fetchData.value, showSearch: true, filterOption:false, mode: 'multiple', }, }]); }) return{ // api: getchildrenTest, labelField: 'name', valueField: 'id', showSearch: true, mode: 'multiple', onSearch: fetchTest, // params:{c_id: 1}, filterOption: false, // filterOption: (input,options)=>{ // return options?.label.toLowerCase().indexOf(input.toLowerCase()) >=0; // }, } }, colProps: { span: 24 }, },
分类:
javascript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
2020-08-11 spring依赖注入的三种方式