Question

我正在学习vuex并取得了一些进展，但是我被困在某些东西上。我有一个vue组件，其中包含一个包含许多模块的商店。我的位置有设备。用户选择一个位置，然后将其以我的vuex状态存储在位置模块中。

我正在尝试从设备模块访问位置，以仅加载所选位置的设备。

文档说这应该可行：

actions: {
incrementIfOddOnRootSum ({ state, commit, rootState }) {
  if ((state.count + rootState.count) % 2 === 1) {
    commit('increment')
  }
}

当我在模块中尝试此操作时：

GET_EQUIPMENTS : async (context,payload, rootState) => {
  alert(JSON.stringify(rootState.location, null, 4));
}

我收到未定义rootState错误。

如果我提醒上下文，我可以看到rootGetters

{
  "getters": {},
  "state": {
    "equipments": [],
    "equipment": null
  },
  "rootGetters": {
    "locations/LOCATIONS":[
    {
       "id": 1,
       "name": "West Pico",
    }
  }
}

但是我不知道如何访问位置/位置，我可以通过访问context.rootGetters来访问rootGetters。

有什么建议吗？

Answer 1

基于https://vuex.vuejs.org/guide/modules.html

您应将state, commit, rootState包装在{..}中以进行操作：

actions: {
    incrementIfOddOnRootSum({ state, commit, rootState }, yourParam) {
      if ((state.count + rootState.count + yourParam) % 2 === 1) {
        commit('increment');
      }
    }
  }

从另一个模块访问vuex模块状态

1 个答案: