feat: Addition to previous QRouteTab commit

Author: rstoenescu

dev/components/test-layout/layout.vue

@@ -37,7 +37,7 @@
       <q-route-tab slot="title" icon="view_quilt" to="/test-layout/about" replace hide="icon" label="About" />
       <q-route-tab slot="title" icon="view_day" to="/test-layout/toolbar" replace hide="label" label="Toolbar" />
       <q-route-tab slot="title" icon="view_day" to="/test-layout/tabs" replace label="Tabs" />
-      <q-route-tab slot="title" icon="input" to="/test-layout/drawer" replace label="Drawer" />
+      <q-route-tab slot="title" icon="input" to="/test-layout/drawerZZZ" replace label="Drawer" />
     </q-tabs>
 
     <q-scroll-area slot="left" style="width: 100%; height: 100%;" :thumb-style="{right: '4px', borderRadius: '5px', background: 'red', opacity: 1}">

src/components/tab/QRouteTab.js

@@ -22,8 +22,8 @@ export default {
         if (this.$el.classList.contains('router-link-active') || this.$el.classList.contains('router-link-exact-active')) {
           this.selectTab(this.name)
         }
-        else if (this.data.tabName === this.name) {
-          this.selectTab('')
+        else if (this.active) {
+          this.selectTab(null)
         }
       })
     }

src/components/tab/tab-mixin.js

@@ -27,13 +27,16 @@ export default {
     color: String
   },
   inject: ['data', 'selectTab'],
-  computed: {
-    active () {
-      const sel = this.data.tabName === this.name
-      if (sel) {
+  watch: {
+    active (val) {
+      if (val) {
         this.$emit('select', this.name)
       }
-      return sel
+    }
+  },
+  computed: {
+    active () {
+      return this.data.tabName === this.name
     },
     classes () {
       const cls = {