Routable tab events only fire once


#1

Having trouble finding an event that will fire whenever a routable tab is opened. tabInit & tabMounted only seem to fire off the first time i open the tab. i need something like tabShow, but in this context tabsShow only works for tabs that are contained inside this component page.

from my tab’s component page:

return {
data: function () {
return {
title: ‘This routable tab’,
}
},
methods: {
},
on: {
tabInit: function () {

  	//only fires the first time i open tab
  	
    },
    tabMounted: function (el) {
  	
  	//only fires the first time i open tab
    
    },
    tabShow: function (el) {
    	
  	//only fires when i open tabs inside this tab

    },
  }

}


#2

Ну так в routes делайте события для page


#3

i think ive found that i had unloadTabContent set to false. this seems to have been the issue.

var homeView = app.views.create('#view-home', {
		url: '/',
		unloadTabContent: false,
		
	});

#4

It is impossible to track when parent tab content becomes visible in tab component with hooks. You should just attach tab:show event in component’s parent page