**问题描述:**在vue3+ant design vue+ts的项目中遇到了ApiSelect组件时自带搜索功能不准,直接展示解决方法,希望可以帮到有类似功能的朋友。
//批量加入数据集
export const addDataSchema: FormSchema[] = [
{
field: 'collectionIdList1',
label: '数据集',
component: 'ApiSelect',
componentProps: ({ formModel }) => {
return {
placeholder: '请选择',
maxTagCount: 3,
mode: 'multiple',
api: getDataName,
resultField: 'data',
labelField: 'collectionName',
valueField: 'collectionName',
onChange: (e, arr) => {
formModel.collectionIdList = arr.map((item) => item.id)
}
}
},
required: true,
},
];在这里插入代码片
注:此处的labelField和valueFeild的值必须一致情况下自带搜索功能才会好使
**主要思路:**在ApiSelect组件所在的表单项的field修改成任意值,在onChange中给表单的实际参数值赋值,传参时单独根据需求处理即可解决所搜功能无效的问题
此方法亲测有效,还有其他方法的小伙伴欢迎留言