Vuetify combobox – How to disable typing in vuetify’s combobox

Total
12
Shares

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>

Solution

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.

Leave a Reply

Your email address will not be published. Required fields are marked *