如何在Vuex模块Actions中使用vue路由器

Question

我想在vuex的模块文件中执行this.$router.push(path)。由于这里没有定义，我该如何执行此操作。

Answer 1

只需导入路由器，就可以使用它，如下所示：

import router from 'path/to/router'
router.push(path)

为什么它是这样工作的：

在Vue文件中，this绑定到Vue对象，这就是为什么您可以使用某些可用的方法，如$router或$store。

然而，在普通的JS文件中，this只是绑定到全局对象，该对象不包含Vue的任何特殊功能，这就是为什么您必须手动导入路由器的原因。