Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Vuetify combobox - How to disable typing in vuetify's combobox

The vuetify combobox is allowing the user to type inside the combobox. Any clue on how to disable this.

This is how I have implemented my combobox.

<v-combobox
:loading="isSurveyBeingPopulated"
class="static--inputs"
color="red"
box
:items="folders"
:rules="[rules.required]"
item-text="value"
dense
placeholder="Select Survey Folder"
item-value="key"
slot="input"
v-model="selectedSurveyFolder">
</v-combobox>
like image 927
Akshay Suresh Avatar asked Sep 26 '19 04:09

Akshay Suresh


1 Answers

Combobox:

The v-combobox component is a v-autocomplete that allows the user to enter values that do not exist within the provided items. Created items will be returned as strings.

So if you want to disable the typing you should use a select: https://vuetifyjs.com/en/components/selects

Select fields components are used for collecting user provided information from a list of options.

like image 126
dreijntjens Avatar answered Oct 24 '22 08:10

dreijntjens