问题标签 [v-autocomplete]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 选择下拉项目时，Vue v-autocomplete 不删除用户输入的文本
我在下面有这个vue v-autocomplete。
试图确定这是否是预期的行为？找不到任何其他这种工作的例子。
当用户开始输入文本时，自动完成下拉显示所有下拉项目，用户从列表中选择一个项目，但它不会像从示例中那样删除用户输入的部分文本文档页面。
此外，一旦用户从下拉菜单中选择了项目，如果用户在远离下拉菜单的地方点击屏幕。它将关闭下拉列表（预期），但现在它从字段中删除键入的文本
这是我所看到的。用户开始输入 A
然后用户单击“A&B”，“A&B”被填充到该字段中，但最初的 a 没有被删除！
javascript - 选择下拉项目后从 vuetify v-autocomplete 中清除键入的文本
我有这个 v-autocomplete 字段，它在下拉列表中有一个项目列表。这是一个多选，所以可以选择很多项目。
但是我遇到的问题是，当用户开始在字段中输入内容以过滤列表，然后在列表中选择一个项目时，用户输入的文本保留在字段中，它不会被清除或覆盖选定的列表项。
选择列表项时有没有办法删除它？
前任。
- 用户有下拉列表来选择项目
- 用户开始输入要过滤的项目
- 然后用户选择项目，但初始文本仍保留在字段中
javascript - 如何从 Javascript 中的 vuetify 多选 v-autocomplete 中选择（复选框）一个值？
我有一个来自 vuetify.js 的多选 v-autocomplete 组件，这些项目是一个在多选下拉列表中使用的数组
被告代码选项项目看起来像这样
我似乎无法弄清楚如何选择从 ajax 调用返回的 javascript 中的项目。
前任。我想从下面这样的 ajax 调用响应中循环遍历每个项目，并将下拉列表中的每个检查值设置为与服务器值匹配的值。但是下面的这个不起作用！
我希望它使用后面的代码而不是 UI 看起来像这样
vue.js - Vuetify 带有插槽的自动完成功能，键入时没有自动完成建议
我正在尝试制作一个小工具，有人可以在其中填写一些数据，这可以是名称或 id，并且该字段显示一个自动完成列表。（最终结果将包含 100 多个结果，需要自动完成功能。）
我尝试使用 Vuetify 的自动完成功能，但我很难让它正确过滤。我正在使用 Vuetify 提供的以下代码，没有编辑按钮 ( https://vuetifyjs.com/en/components/autocompletes#custom-filter-on-autocomplete ) - 我能够添加 ID 并显示它在结果中带有一个作用域插槽。
但是，如果您在输入字段中输入内容，它根本不会显示任何建议。
我已经看了几个小时了，我一定忽略了一些东西。我清空了插槽，检查了方法，更改了 || 然后回到他们身边。我现在不知道。
HTML：
视图：
vue.js - 只想突出显示用户在输入 v-autocomplete 中键入的字符
我做了一个 v-autocomplete，但它突出显示了列表中用户没有输入的单词/字符。
v-自动完成代码：
您可以在 codepen 中查看所有内容：https ://codepen.io/maikenmadsen92/pen/ZEEZjYM?editors=1010
是否可以仅突出显示用户在输入中键入的单词？
vue.js - 如何将 v-automplete 中的项目值保存在其他变量中？[Vue.js + Vuetify]
我不知道如何将 item-value 保存在<v-autocomplete>Vue.js组件中的变量中。我想把它保存在idLibro.
vue.js - 选择后关闭 v-autocomplete
我使用 vuetify v-autocomplete，我希望它在每次选择或取消选择后关闭下拉菜单。到目前为止，这是我的代码
然后我v-model根据此处的示例观看
但它不起作用。
我也试过 menu-props
我怎样才能做到这一点？
vue 3.9.3 和 vuetify 2.2.12
谢谢
list - 在输入 vuetify 之前不要在 v-autocomplete 中显示选项
我目前有一个 v-autocomplete 组件，但是一旦用户单击搜索，它就会展开并显示所有可用项目。我希望项目列表仅在输入后显示。有太多可用的项目，不希望用户立即看到所有项目。此外，如果有办法将其限制为仅显示与用户输入匹配的前 5 个。
vuetify.js - 在 Vuetify v-autocomplete 上限制用户选择
我一直在努力寻找如何控制 v-autocomplete 的问题，但仍然没有找到好的答案。我正在尝试使用 v-autocomplete 进行多个城市选择，并尝试限制用户最多选择 5 个。我希望它会阻止用户添加更多选择。目前，计数器只变成红色，但仍然允许用户在超过 5 时添加更多。有没有任何道具或功能可以让我这样做？我在某处遇到了描述，它说我必须使用其他验证 API，但我在任何地方都没有找到任何示例。
此外，选项之一是前 5 名城市。我想将其视为被选中的 5 个城市。有没有办法将此选项的计数提高到 5？并且，当剩余计数器小于 5 时禁用 Top 5 选项？谢谢，
我的示例代码在这里。https://codepen.io/OpPen/pen/LYpJppa
非常感谢。
javascript - 在 v-autocomplete 中使用光标选择项目文本时未键入第一个字符
使用 v-autocomplete 1.8.2，单击输入字段然后选择一个项目，然后用光标选择输入字段中的选定项目
。最后，如果我输入，第一个字符不会写在输入字段上，而是写第二个第三个等字符。我试图通过javascript设置第一个字符，但我不能。这是一个错误还是可以配置的东西？我的 .vue 文件是：