pushState with multiple views

Questions
1

Hey,

I built an app with multiple tab views (each tab has it’s view). When I have pushState enabled, I have issues on going back between different tabs. When I click back in one view I get the previous from another view… issues like this. When I disable pushState, everything works like expected. I also tried to disable pushState vor all views except the main view, but then I also have problems on going back. Is there a way to make this work or does pushState only work on single view apps?

2

Have you solved this problem?
I puzzle over it

3

split
split.gif800×382 1.32 MB

My app.js file:

var app  = new Framework7({
  root: '#app',
  id: 'io.framework7.testapp',
  name: ' CRM',
  theme: 'aurora',
  // App root data
  data: function () {
    return {
      user: {
        firstName: 'John',
        lastName: 'Doe',
      },
    };
  },
  // App root methods
  methods: {
    helloWorld: function () {
      app.dialog.alert('Hello World!');
    },
  },
  // App routes
  routes: routes,
  // Enable panel left visibility breakpoint
  panel: {
    leftBreakpoint: 960,
  },
});

// Init/Create left panel view
var leftView = app.views.create('.view-left', {
  url: '/global-menu/',
});

// Init/Create main view
var mainView = app.views.create('.view-main', {
  url: '/',
  pushState: true,
  pushStateSeparator: '#',
  animate: false
});
4

oh.
I set mainView before leftView and now it works well!

5

https://framework7.io/docs/view.html

Also if you use pushState hash navigation then it works only for main view’s navigation.