Vue.js 重定向到另一个页面

Question

我想在 Vue.js 中进行重定向，类似于香草 javascript

 window.location.href = 'some_url'

我如何在 Vue.js 中实现这一点？

原文由 Jimmy Obonyo Abor 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您使用 vue-router ，则应使用 router.go(path) 导航到任何特定路线。可以使用 this.$router 从组件内访问路由器。

否则， window.location.href = 'some url'; 适用于非单页应用程序。

编辑： router.go() 在 VueJS 2.0 中更改。您现在可以使用 $router.push({ name: "yourroutename"}) 或 router.push("yourroutename") 进行重定向。

文档

注意：在控制器中使用： this.$router.push({ name: 'routename' })

原文由 Jeff 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

根据文档， router.push 似乎是首选方法：

要导航到不同的 URL，请使用 router.push。此方法将新条目推送到历史堆栈中，因此当用户单击浏览器后退按钮时，他们将被带到上一个 URL。

来源： https ://router.vuejs.org/en/essentials/navigation.html

仅供参考：Webpack 和组件设置，单页应用程序（通过 Main.js 导入路由器），我不得不通过以下方式调用路由器功能：

 this.$router

示例：如果您想在满足条件后重定向到名为“Home”的路由：

 this.$router.push('Home')

原文由 Dave Sottimano 发布，翻译遵循 CC BY-SA 3.0 许可协议