Quasar:
OS: Mac
Node: 8.9
NPM: 5.x
Browsers: Chrome, Firefox
The q-select component does not fire change event on selection change.
The onChange never got fired.
Hi,
v0.15 changes the events related to the model in order to match v-model and future v-model.lazy. This applies to almost all form components (QInput, QSelect, ... and so on).
So, example of v-model and also catching when model changes:
<q-select v-model="model" @input="modelChanged" .... /><q-select v-model="model" ... /> + vue watcher on modelExample of lazy v-model. Will use props and events until v-model.lazy will be merged into Vue (soon):
<q-select :value="model" @change="val => model = val" ... /> Hook into @change event or add a watcher on model to detect when the model changes.
Great answer; could be clearer in docs.
Most helpful comment
Hi,
v0.15 changes the events related to the model in order to match v-model and future v-model.lazy. This applies to almost all form components (QInput, QSelect, ... and so on).
So, example of v-model and also catching when model changes:
<q-select v-model="model" @input="modelChanged" .... /><q-select v-model="model" ... />+ vue watcher on modelExample of lazy v-model. Will use props and events until v-model.lazy will be merged into Vue (soon):
<q-select :value="model" @change="val => model = val" ... />Hook into@changeevent or add a watcher on model to detect when the model changes.