Cuando se cambia de ruta (por ejemplo se va al Home o al About), y se regresa al Session, no muestra los componentes hijos Login y Regist...

Pregunta de la clase:
Rutas con nombre
Ameth Ordoñez Erazo

Ameth Ordoñez Erazo

Pregunta
student
hace 4 años

Cuando se cambia de ruta (por ejemplo se va al Home o al About), y se regresa al Session, no muestra los componentes hijos Login y Register, toca darle actualizar a la página para que salgan. A que se debe esto?

6 respuestas
    Diana Martinez

    Diana Martinez

    student
    hace 4 años

    Debe ser algún bug en este proyecto, no lo tengo a la mano, no podría decirte exactamente por qué está pasando, pero supongo que algo en el ciclo de vida de las rutas.

    Rafael Soriano Ramírez

    Rafael Soriano Ramírez

    student
    hace 3 años

    No me ocurre ese bug, creo que es un tema de tu estructura de rutas

    Victor Roberto López Marroquín

    Victor Roberto López Marroquín

    student
    hace 3 años

    Estimado, Ameth Ordoñez Erazo posiblemente realizaste lo mismo que yo y fue colocar el router-link de la siguiente forma en el App.vue:

    <router-link :to="{ name: 'home' }">Home</router-link> <router-link :to="{ name: 'login' }">Login</router-link>

    esto me generaba el mismo problema de no mostrar el resto de los componentes hijos, pero se solucionó así:

    <router-link :to="{ name: 'home' }">Home</router-link> <router-link to="/session">Login</router-link>

    por si a alguien más le sirve es por esto ;)

    Orangel Gonzalez

    Orangel Gonzalez

    student
    hace 2 años

    Yo lo solucione de esta manera, colocas esto en el router: .```js router.beforeEach((to: any, from, next) => { if (to.name === 'session') { window.location.href = '/#/session' } else { next() } }

    undefined
    Orangel Gonzalez

    Orangel Gonzalez

    student
    hace 2 años

    Agrega esto, con esto se soluciona:

    router.beforeEach((to: any, from, next) => { if (to.name === 'session') { window.location.href = '/#/session' } else { next() } }
Curso de Vue.js: Navegación con Vue Router

Curso de Vue.js: Navegación con Vue Router

Navega aplicaciones con Vue.js y Vue Router. Aprende a crear rutas dinámicas, manejar parámetros, aplicar navegación programática y autenticar usuarios. Ideal para quienes buscan controlar la experiencia del usuario en el frontend.

Curso de Vue.js: Navegación con Vue Router
Curso de Vue.js: Navegación con Vue Router

Curso de Vue.js: Navegación con Vue Router

Navega aplicaciones con Vue.js y Vue Router. Aprende a crear rutas dinámicas, manejar parámetros, aplicar navegación programática y autenticar usuarios. Ideal para quienes buscan controlar la experiencia del usuario en el frontend.