From 12a2f2c85036cef491ee2af62dcae482434118a0 Mon Sep 17 00:00:00 2001
From: "cristian.jora" <cristian.jora@corebuild.eu>
Date: Mon, 4 Sep 2017 10:03:38 +0300
Subject: [PATCH] #17 Fix repeated tab-change events

---
 dev/App.vue               | 7 ++++++-
 src/components/VueTabs.js | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/dev/App.vue b/dev/App.vue
index 7739c2d..e514610 100644
--- a/dev/App.vue
+++ b/dev/App.vue
@@ -1,6 +1,8 @@
 <template>
   <div>
-    <vue-tabs class="card" @on-error="handleError"
+    <vue-tabs class="card"
+              @tab-change="handleTabChange"
+              @on-error="handleError"
               v-model="tabName">
       <v-tab v-for="(tab, index) in tabList"
              :key="tab.name"
@@ -28,6 +30,9 @@
       handleError(error){
         this.error = error
       },
+      handleTabChange(tabIndex, newTab, oldTab){
+          console.log(tabIndex, newTab.title, oldTab.title)
+      },
       goToSecondTab(){
           this.tabName='name2'
       }
diff --git a/src/components/VueTabs.js b/src/components/VueTabs.js
index 851d394..db6526d 100644
--- a/src/components/VueTabs.js
+++ b/src/components/VueTabs.js
@@ -100,7 +100,8 @@ export default{
         },
         findTabAndActivate (tabNameOrIndex) {
             let indexToActivate = this.tabs.findIndex((tab, index) => tab.title === tabNameOrIndex || index === tabNameOrIndex)
-            if (indexToActivate != -1) {
+            if (indexToActivate === this.activeTabIndex) return
+            if (indexToActivate !== -1) {
                 this.changeTab(this.activeTabIndex, indexToActivate)
             } else {
                 this.changeTab(this.activeTabIndex, 0)
@@ -139,7 +140,6 @@ export default{
                         this.renderTabTitle(index, this.textPosition)
                         }
                         <a href="javascript:void(0)"
-                           onClick={() => this.navigateToTab(index)}
                            style={active ? this.activeTabStyle : {}}
                            class={{'active_tab': active}}
                            aria-selected={active}