How works openIn in router?

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

1 Like

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>