[Vuejs]-Quasar change suffix of email depending on option group

You’re using v-model. This is equivalent to

:value="model" @input="(newVal) => model = newVal"

So, as a result, @change does not gets called, since @input is emitted first, changes the model, then Quasar components get to compare the emitting value to the model… but since v-model’s @input changed model, now the emitting value is same, so Quasar components skip the @change event.

Either use:

1. v-model along with @input
2. The “lazy” equivalent of v-model (:value="model" @change="(newVal) => { model = newVal; callSomething...() }")