Keeping the entered text if Vuetify Autocomplete does not have a matching result

Question

I have a v-autocomplete where users be able to search, and I would like to keep the one that's in the v-autocomplete component if there are no matching results. But normal behaviour for a v-autocomplete is to remove what's on the component if there is no matching result.

I have created a method named testBlur() which I call on the blur event for the v-autocomplete component.

Is anybody be able to help me with this?

codepen: https://codepen.io/pen/gBWEVB

Thank you.

Answer 1

Combo box solved this issue.

As Gil mentioned you could use a Combo box with Advanced custom options. https://vuetifyjs.com/en/components/combobox