BrowserHistory didn’t work properly in tabbed app created by CLI

Questions
1

Hi there,

I’ve just created a simple web app using the CLI: simple web app, Framework7 with Vue.js, Tabbed View, webpack, less. In order to make the url address update when app route changes, I add following code in app.vue:
image

After that, the first tab works fine:

image
image582×793 59.8 KB

But the second and the third tabs not. When click these two tabs, the view doesn’t show correctly, and the url doesn’t update:

image
image625×766 42.9 KB

Can anyone help with this? Many thanks.

2

Look at docs, browserHistory works ONLY for main view, and it is not supported for navigation (switching) Views/Tabs

3

I have the same problem, is there any workaround for this?

4

Handle history manually with tab switching

5

I’m having the same issue, but since browserhistory only works for main view,
I would to know what you meant by handle history manually

6

Can you elaborate on how you would accomplish this? Thanks!