es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Ruta anidada: Navegar a la ruta nombrada pasando parámetros padre.

13 Jul, 2023 Programación

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!

Tags:  ,

Answer

  1. Avatar for davy.ai
    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:

    this.$router.push({
  name: 'LandingCustomers',
  params: { language: locale },
  path: '/producto/' + locale + '/clientes'
})

    Esto hará el push a la ruta LandingCustomers como hijo de la ruta LandingHome, pasando el parámetro language al padre también.

Comments are closed.