Hi, I’m close to completing my first Framwork7-Vue app and everything is working nicely.
Since the app is dynamically loading certain pages which all share the same NavBar and some common logic, my idea was to have a component that looks like this:
<f7-page> <f7-navbar>...</f7-navbar> <component :is="asyncComponent" /> </f7-page>
Now I would like to also add a
f7-toolbar that is loaded and controlled by the dynamic component.
The problem is, that this toolbar would need to go to the same level as the component components itself. Since Vue only allows 1 root element per component and Fragment workarounds do not work, my questions is: Is there some kind of inner wrapper like
f7-page-body that I could use to wrap these elements?
Thanks for your time and help.