vben框架使用ApiSelect组件搜索功能不准问题解决

**问题描述:**在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中给表单的实际参数值赋值,传参时单独根据需求处理即可解决所搜功能无效的问题

此方法亲测有效,还有其他方法的小伙伴欢迎留言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值