Vuetify 自动完成，接受列表之外的值

Posted 2023-02-22

【中文标题】Vuetify 自动完成，接受列表之外的值

【英文标题】：Vuetify Autocomplete, accept value outside list

【发布时间】：2020-11-24 09:01:01

【问题描述】：

我有一个 vuetify 自动完成组件，它显示用户从中选择的名称列表。我想要一个后备案例，如果用户输入的内容不在列表中，该值仍然被接受。 这是我的代码：

<v-autocomplete
v-model="model.name"
:items="users"
placeholder="Enter your name"
no-data-text="Name not Found"
clearable
></v-autocomplete>

自动完成的值绑定到数据变量，并且项目是来自我的服务器的数组。自动完成组件是接受数据提交的较大表单的一部分

【参考方案1】：

您可以尝试使用v-combobox 代替v-autocomplete。 v-combobox 接受用户输入的不存在于提供的项目中的值。

源代码：https://vuetifyjs.com/en/components/combobox/

【讨论】：

谢谢，这是正确的答案，但不适合我的用例，因为它返回整个对象（根据文档）。如果我有更多的时间，我可以让它工作，但现在还不行。谢谢！

github.com/vuetifyjs/vuetify/issues/5479#issuecomment-665695066 也许这个 sn-p 会帮助你。