QSelect @change not working (codepen included) (solved)
-
I am trying to use @change with QSelect and it doesn’t seem like the event is being kicked off.
codepen: https://codepen.io/mattabdi/pen/ZqrdoK
<q-select v-model="selected" float-label="Issue Type" :options="options" @change="atChange" style="width: 80%;" > </q-select>
new Vue({ el: '#q-app', data: function () { return { version: Quasar.version, options: [ {value: 'a',label:'a'}, {value: 'b',label:'b'}, {value: 'c',label:'c'} ], selected: '', changed: false } }, methods: { notify: function () { this.$q.notify('Running on Quasar v' + this.$q.version) }, atChange: function () { this.changed = true } } })
-
Seems like a known issue but not documented in the docs
https://forum.quasar-framework.org/topic/1867/solved-qselect-change-broken-in-0-15 -
I replaced @change with @input and that seems to have fixed the issue.