fix: Q-Select with v-model and Vuex not emitting events #517

Author: rstoenescu

dev/components/form/select.vue

@@ -2,9 +2,9 @@
   <div>
     <div class="layout-padding">
       <p class="caption">With Radios</p>
-      <q-select type="radio" v-model="select" :options="selectOptions"></q-select>
+      <q-select type="radio" v-model="select" :options="selectOptions" @input="inputChanged"></q-select>
       <p class="caption">With Checkboxes</p>
-      <q-select type="checkbox" v-model="multipleSelect" :options="selectOptions"></q-select>
+      <q-select type="checkbox" v-model="multipleSelect" :options="selectOptions" @input="inputChanged"></q-select>
       <p class="caption">With Toggles</p>
       <q-select type="toggle" v-model="multipleSelect" :options="selectOptions"></q-select>
       <p class="caption">With List</p>
@@ -131,6 +131,11 @@ export default {
         }
       ]
     }
+  },
+  methods: {
+    inputChanged (v) {
+      console.log('input:', v)
+    }
   }
 }
 </script>

src/vue-components/select/Select.vue

@@ -97,6 +97,14 @@ export default {
     disable: Boolean,
     delimiter: Boolean
   },
+  watch: {
+    model: {
+      deep: true,
+      handler (val) {
+        this.$emit('input', val)
+      }
+    }
+  },
   computed: {
     model: {
       get () {