如何在 Vuex 中获取 Vue 路由器参数？答案

【问题标题】：How to get Vue Router Params in Vuex?如何在 Vuex 中获取 Vue 路由器参数？
【发布时间】：2018-11-22 06:26:41
【问题描述】：

我无法使用

this.$route.params
route.params
router.params

如何在我的操作中获取 $route 的参数？

【问题讨论】：

【解决方案1】：

在您的 actions.js 或 store.js 中

import router from 'path/to/router'
console.log(router.currentRoute.params)

【讨论】：

【解决方案2】：

你可以通过 Vuex 的 state 或 rootState 访问当前路由。

如果动作在模块中，使用rootState：

MY_ACTION: ({rootState}) => new Promise((resolve, reject) => {
    let params = rootState.route.params
    // do stuff
}

如果动作不在模块中，使用状态：

MY_ACTION: ({state}) => new Promise((resolve, reject) => {
    let params = state.route.params
    // do stuff
}

有关上下文对象的更多信息，请参阅https://vuex.vuejs.org/api/#actions。

【讨论】：