1. Usa esto.$router.replace():
this.$router.replace('/home')La diferencia entre reemplazar y empujar es que empujar agregará un nuevo registro al historial, mientras que reemplazar no agregará un nuevo registro al historial, sino que reemplazará el registro del historial actual.
2. Utilice enrutador.push():
this.$route.router.push('/home')Debido a que this.$router es lo mismo que la instancia del enrutador, los dos métodos logran la misma función.
3. Navegación programática - router.push():
router.push('/home')Opere directamente la instancia del enrutador fuera del componente para generar saltos de enrutamiento.
4. Nombrar ruta de navegación:
router.push({ name: 'home' })Si la ruta a redirigir tiene un nombre, puede usar directamente el nombre para navegar.
5. Utilice el componente de enlace de enrutador:
<router-link to="/home"></router-link> Utilice el componente de enlace de enrutador en plantillas para generar navegación.
Además, también podemos modificar directamente la URL del navegador a través de JS para lograr el efecto de navegación. Por lo tanto, la forma de saltar a la página de inicio después de un inicio de sesión exitoso puede ser: - this.$router.push()
- this.$router.replace()
- router.push()
- ruta con nombre
- componente <router-link>
- Modificación de JS La elección de estos métodos de URL del navegador depende de si necesita agregar registros al historial, si ha definido rutas con nombre y otros factores. Pero independientemente de la forma que elija, el efecto final es el mismo: ¡salte a la página de inicio! Personalmente, prefiero usar this.$router.push() o router.push(), porque estos dos métodos son simples y fáciles de usar. leer, y los parámetros se pueden pasar. Pero si tiene necesidades especiales, también vale la pena dominar otros métodos.