Add comfortable utility methods to Tabs component

Add getTabIndex, getTabHash, getActiveTab and getActiveTabIndex methods to Tabs component.
blaxxi · Mar 30, 2018 · 4c4a155 · 4c4a155
1 parent 88b969c
commit 4c4a155
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/components/Tabs.vue b/src/components/Tabs.vue
@@ -133,6 +133,30 @@
                     });
                 }
             },
+            
+            getTabIndex(hash){
+            	const tab = this.findTab(hash);
+            	
+            	return this.tabs.indexOf(tab);
+            },
+            
+			getTabHash(index){
+            	const tab = this.tabs.find(tab => this.tabs.indexOf(tab) === index);
+            	
+            	if (!tab) {
+					return;
+                }
+                
+                return tab.hash;
+			},
+            
+            getActiveTab(){
+            	return this.findTab(this.activeTabHash);
+            },
+            
+			getActiveTabIndex() {
+            	return this.getTabIndex(this.activeTabHash);
+            },
         },
     };
 </script>