Background Using f7 (2.2.5) and framework7-vue (2.2.5) with routable tabs based off kitchen sink example:
-
tabs-routable.vue: https://github.com/framework7io/framework7-vue/blob/master/kitchen-sink/src/pages/tabs-routable.vue
-
routes.js https://github.com/framework7io/framework7-vue/blob/master/kitchen-sink/src/routes.js
-
Possibly Relevant: https://github.com/framework7io/framework7-vue/issues/38#issuecomment-272548133
Question: From a routable tab, is it possible to hit a route and change that routable-tab’s content? (Current behavior is hitting any route as an HREF from inside a routable tab will clear out the full screen, including the tabs along the bottom)
The react docs allude to this behavior (add a “routes” to a routable tab), but doesn’t appear in any of Vue docs: https://framework7.io/react/navigation-router.html
See tab3 “routes”, how would one do this via vue?
It is also possible to have multiple child routes for a tab route :
var routes = [
{
path: '/tabs/',
component: Tabs,
tabs: [
{
path: '/',
tabId: 'tab1',
component: Tab1Content
},
{
path: '/tab-2/',
tabId: 'tab2',
component: Tab2Content
},
{
path: '/tab-3/',
tabId: 'tab3',
routes: [
{
path: '/',
component: Tab3Content
},
{
path: '/tab3-alternate-content/',
component: Tab3AlternateContent
}
]
}
]
}];
It doesn’t look like routes is available in f7 source: https://github.com/framework7io/framework7/blob/1a94666d2cccb0f4defd596841607a0233350f1c/src/modules/router/router-class.js