Search code examples
vue.jsvuetify.jsv-autocomplete

v-autocomplete lost "change event" in vuetify 3?

In Vuetify 2 there was a change event for the v-autocomplete component. An example:

<v-autocomplete
    label="Choose stock"
    v-model="selected_stock"
    :items="current_stocks"
    :change="stockSelected"
    item-value="id" 
    item-title="name"></v-autocomplete>

stockSelected(selected_stock) {
   console.log(selected_stock);
}

In Vuetify 3 this event doesn't seem to exist anymore. How can I track a selection change in Vuetify 3?

Solution

  • I guess the @change event was removed because it is redundant, you can just listen to the @update:modelValue event:

    <v-autocomplete
    v-model="selected_stock"
    @update:modelValue="stockSelected"
    ...
></v-autocomplete>