Vue.js redirection vers une autre page

<!-J'aimerais faire une redirection dans Vue.js similaire au javascript vanille

window.location.href = 'some_url'

Comment ai-je pu réaliser cela en Vue.js?

41
demandé sur Saurabh 2016-02-27 04:15:56

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.

https://router.vuejs.org/guide/essentials/named-routes.html

67
répondu Jeff 2018-05-29 20:33:18

d'Après les docs, routeur.pousser semble être la méthode préférée:

pour 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.

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

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') 
41
répondu Dave Sottimano 2017-03-01 19:33:33

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.

15
répondu Siwei Shen申思维 2016-09-23 05:11:02

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')
5
répondu Njeru Cyrus 2018-03-25 17:22:09

pouvez l'essayer aussi ...

router.push({ name: 'myRoute' })
1
répondu Davod Aslanifakor 2018-07-17 12:08:27
window.location = url;

'url est l'url web que vous souhaitez rediriger.

0
répondu Rayees Pk 2018-07-21 12:46:52