Vue.js przekierowanie do innej strony

Question

chciałbym zrobić przekierowanie w Vue.js podobny do wanilii JavaScript

window.location.href = 'some_url' 

Jak mogę to osiągnąć w Vue.js?

Answer 1

Jeśli używasz vue-router, powinieneś użyć router.go(path), aby nawigować do konkretnej trasy. Do routera można uzyskać dostęp z poziomu komponentu przy użyciu this.$router.

W przeciwnym razie, window.location.href = 'some url'; działa dobrze w przypadku aplikacji niezwiązanych z jedną stroną.

EDIT: router.go() zmieniony w VueJS 2.0. Możesz teraz użyć router.push({ name: "yourroutename"}) lub tylko router.push("yourroutename"), aby przekierować.

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

Answer 2

wystarczy użyć:

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

Nie używaj vue-Router, w przeciwnym razie zostanie przekierowany do "http://yoursite.com/#!/http://siwei.me"

moje środowisko: węzła 6.2.1, Vue 1.0.21, Ubuntu.

Answer 3

Zgodnie z docs, router.push wydaje się preferowanym sposobem:

To navigate to a different URL, use router.push. This method pushes a new entry into the history stack, so when the user clicks the browser back button they will be taken to the previous URL.

źródło: https://router.vuejs.org/en/essentials/navigation.html

FYI: WebPACK konfiguracji & komponentów, pojedynczej aplikacji strony (gdzie można importować do routera poprzez Menem .js), musiałem zadzwonić do funkcji routera, mówiąc:

this.$router 

Przykład: jeśli chcesz przekierować na trasę o nazwie „Home” po warunek jest spełniony:

this.$router.push('Home')