当前位置: 首页 > 知识库问答 >
问题:

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

燕寒
2024-06-04

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

共有1个答案

幸越泽
2024-06-04

解决了,设置 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>
 类似资料:
  • 请求后端之后,后端会返回一个列表 我想实现把图片都显示出来,像上图中一样,一行可以有多个图片 ant design vue 有什么组件可以快速实现这一点 我想到的是,通过 a-row 和 a-col 和 span 实现,但是这样写出来的代码又臭又长,不忍直视 有什么优雅的实现方案吗?

  • 问题内容: 我想知道如何删除: 所有 前导/尾随 空格或换行符,空字符等。 字符串中的任何多余空格(例如,“ hello [space] [space] world”将转换为“ hello [space] world”) 单个正则表达式,对国际空格字符的unicode支持等是否可行? 问题答案: 似乎您可能希望同时使用速记字符类和Unicode属性来匹配Unicode空间。但是,这两个步骤都不能用

  • This replaces all repeated spaces, newlines and tabs with a single space, or with a supplied string. 用一个空格或一个给定字符替换所有重复空格,换行和制表符. Note: If you want to strip blocks of template text, use the strip func

  • 我希望的效果就是这样的(提示666),但这个是react版的。 我的是 vue3 , 这要怎么配置呢?我试了试不行呢。

  •  Ant Design,一套企业级 UI 设计语言和 React 组件库。 ✨ 特性 �� 提炼自企业级中后台产品的交互语言和视觉风格。 �� 开箱即用的高质量 React 组件。 �� 使用 TypeScript 开发,提供完整的类型定义文件。 ⚙️ 全链路开发和设计工具体系。 �� 数十个国际化语言支持。 �� 深入每个细节的主题定制能力。 �� 支持环境 现代浏览器和 IE11 及以上。 支

  • 问题内容: 我有以下名为“ data.csv”的文件: 我想将其解析为一个熊猫DataFrame,以便DataFrame如下所示: 我能做的最好的事情是: 这让我: 没有这些空格的如何获取DataFrame? 问题答案: 您可以使用转换器: 产量

  • 长时间的渗滤者,第一次海报。 }'' 我很感激你抽出时间。

  • 我用的是vben BasicTable 但是我现在有个需求要实现总结栏 但是我好像 <a-table-summary > <a-table-summary-row> <a-table-summary-cell> 都好像引入不了 捞一下 我用的是vben BasicTable 但是我现在有个需求要实现总结栏 但是我好像 <a-table-summary > <a-table-summary-row>