Saltar al contenido

Redirección de Vue.js a otra página

Celeste, parte de este gran equipo, nos ha hecho el favor de crear esta sección ya que conoce a la perfección el tema.

Solución:

Si estás usando vue-routerDeberías usar router.go(path) para navegar a cualquier ruta en particular. Se puede acceder al enrutador desde dentro de un componente usando this.$router.

De lo contrario, window.location.href = 'some url'; funciona bien para aplicaciones que no son de una sola página.

EDITAR: router.go() cambiado en VueJS 2.0. Puedes usar router.push( name: "yourroutename") o solo router.push("yourroutename") ahora a redirigir.

Documentación

PD: En los controladores de uso: this.$router.push( name: 'routename' )

Según los documentos, router.push parece ser el método preferido:

Para navegar a una URL diferente, use router.push. Este método inserta una nueva entrada en la pila del historial, por lo que cuando el usuario hace clic en el botón Atrás del navegador, será llevado a la URL anterior.

fuente: https://router.vuejs.org/en/essentials/navigation.html

FYI: configuración de Webpack y componentes, aplicación de una sola página (donde importa el enrutador a través de Main.js), tuve que llamar a las funciones del enrutador diciendo:

this.$router

Ejemplo: si desea redirigir a una ruta llamada “Inicio” después de cumplir una condición:

this.$router.push('Home') 

Solo usa:

window.location.href = "http://siwei.me"

No use vue-router, de lo contrario será redirigido a “http://yoursite.com/#!/http://siwei.me”

mi entorno: nodo 6.2.1, vue 1.0.21, Ubuntu.

Si guardas algún reparo y disposición de aclarar nuestro enunciado puedes escribir una reseña y con mucho placer lo ojearemos.

¡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 *