Search code examples
vuetify.jsv-autocomplete

Even if v-autocomplete loses focus I don't want the text to be deleted

Even if v-autocomplete loses focus I don't want the text to be deleted

If you enter text that is not included in the item and lose focus, it will be deleted.

Is there any way to not delete it?

<div id="app">
  <v-app>
    <v-main>
      <v-container>
            <v-autocomplete
              :items="items"
              label="Select an item"
            ></v-autocomplete>
          </v-menu>
    </v-main>
  </v-app>
</div>




// Uses vuetify v2.x
new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({
    items: ['foo', 'bar', 'baz', 'lorem', 'ipsum', 'something', 'else', 'to', 'make', 'itemlist', 'long']
  })
})
Solution

  • I don't see any param in autocomplete api to achieve that, I suggest you to use v-combobox : https://vuetifyjs.com/en/components/combobox/