ant-design-vue 1.7.8 autocomplete组件选中后出现多余空格如何解决?

作者站长头像
站长
· 阅读数 26

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

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