fix(QBtnToggle): attach listeners directly to each inner QBtn quasarframework#7150

Author: rstoenescu

ui/dev/src/pages/web-tests/fast-test.vue

@@ -8,6 +8,7 @@
       For some test that you think it should be persistent,
       make a new *.vue file here or in another folder under /dev/components.
     -->
+    <q-btn-toggle value="off" :options="options" @click="notify" @mouseover="notify" class="q-ma-md" />
   </div>
 </template>
 
@@ -17,9 +18,13 @@
 export default {
   data () {
     return {
+      options: [{label:'Popup', value: 'on'}, {label:'No popup', value: 'off'}]
     }
   },
   methods: {
+    notify: function () {
+      this.$q.notify('Running on Quasar v' + this.$q.version)
+    }
   }
 }
 </script>

ui/src/components/btn-toggle/QBtnToggle.js

@@ -95,7 +95,10 @@ export default Vue.extend({
     const child = this.options.map((opt, i) => {
       return h(QBtn, {
         key: i,
-        on: { click: e => this.__set(opt.value, opt, e) },
+        on: {
+          ...this.qListeners,
+          click: e => this.__set(opt.value, opt, e)
+        },
         props: {
           disable: this.disable || opt.disable,
           label: opt.label,
@@ -136,8 +139,7 @@ export default Vue.extend({
         unelevated: this.unelevated,
         glossy: this.glossy,
         spread: this.spread
-      },
-      on: { ...this.qListeners }
+      }
     }, child)
   }
 })