I’m having an issue which a couple of other people have experienced but for some reason it has never been resolved. I’m sure it’s quite simple, but I have spent hours to no avail. Here are references to the other unresolved questions:
Here are the details of my particular problem:
I am using the official framework7-template-vue-webpack.
In main.js, I have this:
// Init App
// Init Framework7 by passing parameters here
id: ‘io.framework7.testapp’, // App bundle ID
name: ‘Framework7’, // App name
theme: ‘auto’, // Automatic theme detection
// App routes
// Register App Component
As you can see, stackPages is indeed set to true.
On each of my pages (they are vue components), the code starts like this:
From this, I have two questions:
- When I click on back, the page is removed from the DOM. Why? Stacked for both the page and on the views, but it’s still removed?
- I am unable to navigate to stacked pages. In routes.js, I am unable to even set pageName.
export default [
In the above, setting pageName, which I believe is necessary for navigating to the stacked page, results in the following error: TypeError: Cannot read property ‘f7Page’ of undefined
If someone could answer these questions or point me to an example, I would really appreciate it. I have searched this forum thoroughly and cannot find a solution. I simply want to keep pages I’ve already loaded in the DOM, and then navigate back to them.