[framework7-vue] router.back() on nested routable popup


#1

Let’s say this is my current state of router history:

["/home/somePage/","/popup1/","/popup1/popup2/"]

How to go back directly from “/popup1/popup2/” to “/home/somePage/”?
I tried this code below. It’s just bring me back to “popup1”

router.back('/home/somePage/',{
      force :true
})

I tried this code below. The router history turn into ["/home/somePage/"], but it’s just stay at “/popup1/popup2/” and i can not click anything at that pop up.

router.navigate('/home/somePage/',{
       reloadAll :true,
 })

This is my routes:

{
   path: '/home/',
   component: Index,
   tabs:[
        {
            path: '/somePage/',
            component : SomePage
        },
   ]
},
{
     path:'/popup1/',
     popup:{
              component:Popup1
     },
     routes:[
           {
               path:'popup2/',
               popup:{
                   component:Popup2
               },
           }
       ]
}

#2

Could be an issue in F7, will check tomorrow