Vue.js перенаправление на другую страницу

Question

Я хотел бы сделать перенаправление в Vue.js похожий на ваниль Javascript

window.location.href = 'some_url' 

Как я могу добиться этого в Vue.js?

Answer 1

Если вы используете vue-router, для перехода на любой конкретный маршрут вы должны использовать router.go(path). К маршрутизатору можно получить доступ из одного компонента с помощью this.$router.

В противном случае window.location.href = 'some url'; отлично работает для одностраничных приложений.

EDIT: router.go() изменен в VueJS 2.0. Вы можете использовать router.push({ name: "yourroutename"}) или просто router.push("yourroutename") сейчас для перенаправления.

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

Answer 2

просто использовать:

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

Не используйте VUE-маршрутизатор, в противном случае вы будете перенаправлены на "http://yoursite.com/#!/http://siwei.me"

мое окружение: узел 6.2.1, вю 1.0.21, Ubuntu.

Answer 3

Согласно документации, router.push кажется, предпочтительным способом:

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.

источник: https://router.vuejs.org/en/essentials/navigation.html

FYI: WebPack установки & компонентов, одно приложение страницы (где вы импортировать маршрутизатор через Main .js), мне пришлось вызывать функции маршрутизатора, говоря:

this.$router 

Пример: если вы хотите, чтобы перенаправить маршрут под названием «Home» после того, как условие:

this.$router.push('Home')