I have a vuetify autoplete ponent that displays a list of names that the user selects from. I would like a fallback case where if the user enters something not on the list that value is still accepted. Here is my code:

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

Where the value of the autoplete is bound to a data variable and the items is an array ing from my server. The autoplete ponent is part of a larger form that accepts submissions of data

I have a vuetify autoplete ponent that displays a list of names that the user selects from. I would like a fallback case where if the user enters something not on the list that value is still accepted. Here is my code:

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

Where the value of the autoplete is bound to a data variable and the items is an array ing from my server. The autoplete ponent is part of a larger form that accepts submissions of data

• javascript
• html
• node.js
• vue.js
• vuetify.js

Share Improve this question Follow asked Aug 4, 2020 at 9:29 michealmicheal 17711 gold badge33 silver badges1111 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

you can try using v-bobox instead of v-autoplete. v-bobox accept values entered by user that do not exist within provided items.

src: https://vuetifyjs./en/ponents/bobox/