Del curso: Vue avanzado 2

Redirección de rutas con la API de Vue Router - Tutorial de Vue.js

Del curso: Vue avanzado 2

Redirección de rutas con la API de Vue Router

La manera más común de redireccionar a un usuario dentro de una aplicación Vue es utilizando el API del Vue Router. En la aplicación que ves en pantalla, esta hace uso del API en varias instancias para mover al usuario a diferentes vistas. Por ejemplo, cuando yo hago "login", en el momento en que se hace autenticación del usuario, yo utilizo el API de Vue Router para dirigir al usuario a la ruta raíz de la aplicación. Luego en categorías, si yo selecciono editar una categoría, esta también hace uso del API de Vue Router para así poder inyectar el ID de la categoría dentro del URL y que esta vista la pueda capturar. Luego de que la información ha sido guardada en este formulario, yo utilizo el API para volver a la página de categorías. Ya mirando el código, si nos dirigimos al componente de 'login', aquí puedes ver cómo se llama al API del objeto 'route'. Para redireccionar al usuario utilizamos la función 'push'. 'Push' lo que hace es que pasa una dirección a la barra de navegación para así poder mover al usuario a esta vista. Dentro de categorías puedes notar que cuando yo hago clic en el botón Editar de la tabla yo también hago un 'push' del URL. como puedes ver aquí. En este caso yo estoy pasando la ruta categoría y le estoy apuntando el ID de la categoría que quiero modificar. Esta ruta se encarga de indicar que estoy creando una nueva categoría. En ambos casos yo hago un 'push' de la ruta. En el componente a editar, luego de que la categoría ha sido modificada o agregada, yo devuelvo al usuario al componente categoría a través de la función 'back' del 'router'.

Contenido