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

Question

官网的例子也有这个问题

在 GitHub 上看到有人反馈，也有解答，但是没有作用。
AutoComplete 自动完成-自定义选项 为什么设计成选择完选项回填到输入框时，自动前后加空格？ · Issue #3608 · vueComponent/ant-design-vue
有更好的解决办法吗？

Answer 1

解决了，设置 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>