my problem is that navigation between outlets is not showing the page.
example:
1- /login => /user/home => /login (login is not showing and can’t change route to any other page)
2- /user/home => /login => /user/home (the same problem)
3-/user/home => /user/rating (the same one)
this is the routes =
[
{
path:"/",
redirect: "/login"
},
{
path: '/login',
name: 'auth',
meta: {
onlyWhenLogout: true,
},
component: ()=>import("@/views/auth/views/phone"),
},
{
path: "/user",
name: 'user',
component: ()=>import('../views/user/main/main/mainView'),
children: [
{
redirect: "/user/home",
path: ''
},
{
path: "home",
name: 'user-home',
component: ()=>import('../views/user/main/views/home'),
},
{
path: "profile",
name: 'user-profile',
component: ()=>import('../views/user/main/views/user-profile'),
},
{
path: "family",
name: 'user-family',
component: ()=>import('../views/user/main/views/user-family'),
},
{
path: "history",
name: 'user-history',
component: ()=>import('../views/user/main/views/user-history'),
},
],
},
{
path: "/user/rating",
name: 'user-rating',
component: ()=>import('../views/user/main/views/user-rating'),
},
{
path: "/driver",
name: 'driver',
component: ()=>import('../views/driver/main/mainDriverTabs'),
children: [
{
path:'',
redirect:'/driver/home'
},
{
path:"home",
name:"driver-home",
component:() => import("../views/driver/views/driver-home")
},
{
path:"drivers",
name:"driver-drivers",
component:() => import("../views/driver/views/driver-drivers")
},
{
path:"profile",
name:"driver-profile",
component:() => import("../views/driver/views/driver-profile")
},
{
path:"dashboard",
name:"driver-dashboard",
component:() => import("../views/driver/views/driver-dashboard")
},
{
path: "wallet",
name: 'driver-wallet',
component: ()=>import('../views/driver/views/driver-wallet'),
},
]
},
{
path: "/driver/select-car",
name: 'driver-select-car',
component: ()=>import('../views/driver/views/driver-selectCar'),
},
{ path: '/:pathMatch(.*)*', redirect: '/' }
]