Saltar al contenido

vue-router – ¿Cómo obtener la URL de la página anterior?

El tutorial o código que hallarás en este artículo es la resolución más rápida y efectiva que hallamos a esta inquietud o dilema.

Solución:

Todos los protectores de navegación de vue-router reciben la ruta anterior como un from argumento ..

Cada función de guardia recibe tres argumentos:

  • to: Route: el objeto de ruta de destino al que se navega.

  • from: Route: la ruta actual de la que se está navegando.

  • next: Function: esta función debe llamarse para resolver el gancho. La acción depende de los argumentos proporcionados a next

Como ejemplo podrías usar beforeRouteEnterun protector de navegación integrado, para obtener la ruta anterior y almacenarla en sus datos.

...
data() 
 return 
   ...
   prevRoute: null
 
,
beforeRouteEnter(to, from, next) 
  next(vm => 
    vm.prevRoute = from
  )
,
...

Entonces puedes usar this.prevRoute.path para obtener la URL anterior.

Te invitamos a añadir valor a nuestro contenido colaborando tu experiencia en las acotaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *