Vue.js redirection vers une autre page
6 réponses
Si vous utilisez vue-router
, vous devez utiliser router.go(path)
pour naviguer vers un itinéraire particulier. Le routeur peut être accédé à partir d'un composant en utilisant this.$router
.
Sinon, window.location.href = 'some url';
fonctionne très bien pour les applications sans page unique.
EDIT:router.go()
changé en VueJS 2.0. Vous pouvez utiliser router.push({ name: "yourroutename"})
ou router.push("yourroutename")
maintenant à rediriger.
d'Après les docs, routeur.pousser semble être la méthode préférée:
https://router.vuejs.org/en/essentials/navigation.htmlpour naviguer vers une URL différente, utilisez le routeur.pousser. Cette méthode pousse un nouvelle entrée dans la pile d'histoire, donc quand l'utilisateur clique sur le navigateur bouton de retour, elles seront prises à l'URL précédente.
pour information: webpack & component setup, single page app (où vous importez routeur par la voie principale.js), j'ai dû appeler les fonctions de routage en disant:
this.$router
exemple: si vous souhaitez rediriger vers une route appelée "Home" après qu'une condition soit remplie:
this.$router.push('Home')
utilisation:
window.location.href = "http://siwei.me"
N'utilisez pas le routeur, sinon vous serez redirigé vers "http://yoursite.com/#!/http://siwei.me"
mon environnement: noeud 6.2.1, vue 1.0.21, Ubuntu.
quand vous êtes à l'intérieur d'une étiquette de script de Composant, vous pouvez utiliser le routeur et faire quelque chose comme ça
this.$router.push('/url-path')
pouvez l'essayer aussi ...
router.push({ name: 'myRoute' })
window.location = url;
'url est l'url web que vous souhaitez rediriger.