[SOLVED] [V2] Stacked Pages

[hellohello1]

fabricio, how did you end up solving the issue of navigating via pageName? I see that you attempted to use resolve({ pageName: ‘page-about’ }); via async, I tried it too but it didn’t keep the scroll position (besides, surely it’s not necessary to use async just to nagivate by page name??)

[fabricio]

Hello! It is not necessary to use async to call the pages via “pageName”.
You need to change the layoud of the project and the routing as indicated by Vladimir:

[SOLVED] [V2] Stacked Pages

If you enable stackPages: true for View, it will keep pages in DOM while you navigate forward. But if you need to reuse all pages and load them all at once, then it requires different layout and all pages must be loaded to view initially and not loaded by router: <f7-view :stackPages="true"> <f7-page name="home" stacked>...</f7-page> <f7-page name="about" stacked>...</f7-page> <f7-page name="other" stacked>...</f7-page> </f7-view> And in routes you need to specify them by page name: { …

[hellohello1]

Thank you for replying! So what you mean is using that layout, and then doing routing the normal url? e.g. router.navigator("/about/")