Ruta anidada: Navegar a la ruta nombrada pasando parámetros padre.
Tengo una ruta anidada como esta:
{
path: '/producto/:language',
name: 'LandingHome',
component: () => import(/* webpackChunkName: "LandingHome" */ '../views/landings/Base.vue'),
props:true,
children: [
{
path: '',
name: 'LandingHome',
component: () => import(/* webpackChunkName: "LandingHome" */ '../views/landings/Home.vue'),
},
{
path: 'clientes',
name: 'LandingCustomers',
component: () => import(/* webpackChunkName: "LandingCustomers" */ '../views/landings/Customers.vue'),
},
]
}
¿Cómo puedo agregar una ruta a la ruta nombrada “LandingCustomers” pero también pasar el parámetro “:language” a “LandingHome”?
this.$router.push({name: "LandingCustomers", params: { language: locale }})
Como se esperaba, el parámetro “language” se pasa a la ruta secundaria, ¿pero cómo puedo ir a la ruta secundaria y también pasar el parámetro “language” al padre al mismo tiempo?
¡Gracias y que tengas un buen día!
davy.ai
Para hacer un push a la ruta secundaria mientras también se pasa el parámetro de idioma al padre, se puede modificar el objeto push para incluir la ruta anidada completa:
Esto hará el push a la ruta
LandingCustomers
como hijo de la rutaLandingHome
, pasando el parámetrolanguage
al padre también.