Run a method by onChange with q-select (Quasar Framework)

Question

The function isn't running when I change the selected value. How do i fix this? Here is my code:

<q-select
  v-model="single"
  :options="['def', 'abc', '456', '123']"
  use-chips
  label="Select One"
  @input="showChannel()"
/>

JavaScript code:

methods: {
  showChannel(val) {
    console.log(val);
  }
}

Answer 1

Use @update:model-value instead of @input. (I used Quasar v2.0.3)

So, this is your case below:

<q-select
  v-model="single"
  :options="['def', 'abc', '456', '123']"
  use-chips
  label="Select One"
  // @update:model-value instead of @input 
  @update:model-value="showChannel()" 
/>

Sometimes, Quasar is tricky.