Vue.js chuyển hướng đến một trang khác

Question

Tôi muốn tạo ra một chuyển hướng trong Vue.js giống với vani javascript

window.location.href = 'some_url' 

Làm thế nào tôi có thể đạt được điều này trong Vue.js?

Answer 1

Nếu bạn đang sử dụng vue-router, bạn nên sử dụng router.go(path) để điều hướng đến bất kỳ tuyến đường cụ thể nào. Có thể truy cập bộ định tuyến từ bên trong một thành phần bằng cách sử dụng this.$router.

Nếu không, window.location.href = 'some url'; hoạt động tốt đối với các ứng dụng không phải một trang.

EDIT: router.go() thay đổi trong VueJS 2.0. Bạn có thể sử dụng router.push({ name: "yourroutename"}) hoặc chỉ router.push("yourroutename") ngay bây giờ để chuyển hướng.

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

Answer 2

chỉ cần sử dụng:

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

Không sử dụng vue-router, nếu không bạn sẽ được chuyển đến "http://yoursite.com/#!/http://siwei.me"

môi trường của tôi: nút 6.2.1, vue 1.0.21, Ubuntu.

Answer 3

Theo các tài liệu, router.push có vẻ như phương pháp ưa thích:

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.

nguồn: https://router.vuejs.org/en/essentials/navigation.html

FYI: Webpack thiết lập & thành phần, ứng dụng trang duy nhất (nơi bạn nhập router thông qua chính .js), tôi phải gọi các chức năng của bộ định tuyến bằng cách nói:

this.$router 

Ví dụ: nếu bạn muốn chuyển hướng đến một tuyến đường gọi là "Home" sau khi một điều kiện được đáp ứng:

this.$router.push('Home')