ant-design-vue 1.7.8 autocomplete组件选中后出现多余空格如何解决?
官网的例子也有这个问题在 GitHub 上看到有人反馈,也有解答,但是没有作用。AutoComplete 自动完成-自定义选项 为什么设计成选择完选项回填到输入框时,自动前后加空格? · Issue #3608 · vueComponent/ant-design-vue有更好的解决办法吗?
回复
1个回答

test
2024-06-18
解决了,设置 title 后,option 也要写上这个属性。或者用label 也行。
<a-auto-complete
v-model="queryParam.personnelId"
placeholder="请输入协管姓名"
optionLabelProp="label"
@select="onSelect"
@search="onSearch"
>
<template slot="dataSource">
<a-select-option v-for="item in options" :key="item.key" :value="item.key" :label="item.text">
{{ item.text }}
</a-select-option>
</template>
</a-auto-complete>
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容