Hi,
anyone knows how the option “openIn” in router works?
When I use it the view is blank and no page is created
Thanks
Hi,
anyone knows how the option “openIn” in router works?
When I use it the view is blank and no page is created
Thanks
I think you use it with React/Vue/Svelte? It is currently not supported, only with core components/framework7
Yep, I am using it with Vue.
Thanks!
It’s possible (in Vue), only not with the openIn
syntax in your router.js
See the kitchensink source: https://github.com/framework7io/framework7/blob/master/kitchen-sink/vue/
router.js
// Routable Modals
{
path: '/routable-modals/',
component: RoutableModals,
routes: [
{
path: 'popup/',
popup: {
component: RoutablePopup,
},
},
],
},
And in your RoutablePopup.vue
<template>
<f7-popup>
<f7-page>
<f7-navbar title="Routable Popup">
<f7-nav-right>
<f7-link popup-close>Close</f7-link>
</f7-nav-right>
</f7-navbar>
<f7-block >
<p>This Popup was loaded using route link as standalone component</p>
</f7-block>
</f7-page>
</f7-popup>
</template>