Vuex：在动作中引用模块变量

Question

我的 Vue 应用程序中有以下全局存储：

// N.B. These Stores Are Modularised, please reference: [https://vuex.vuejs.org/guide/modules.html] for details.
const store = new Vuex.Store({
  modules: {
    surfers: surfers,
    surfSites: surfSites,
    surfTickets: surfTickets
  },
  actions: {
    resetAllState: ({ dispatch, modules }) => {
      console.log(modules); // Undefined
      console.log(store.modules); // Undefined
      console.log(this.modules); // Error in v-on handler: "TypeError: _this is undefined"
      for (const currentModule in modules) {
        console.log(`Resetting Module State: ${module}`);
        if (modules[currentModule].state.hasOwnProperty("initialState")) {
          dispatch("resetModuleState", currentModule);
        }
      }
    },
    resetModuleState: (currentModule) => {
      console.log(`Resetting Module State: ${currentModule}`);
    }
  }
});

我的目标是动作将循环通过模块，并发送一个重置状态动作，当我注销当前用户时调用它。

但是，modules 未定义，store.modules 和 this.modules 都未定义或通过未定义相关错误...

那么，如果可能的话，我该如何以这种方式动态访问模块？

Answer 1

上面的代码有问题，动作只能访问

{ commit, dispatch, getters } as params

但您尝试在参数中传递模块，但您仍然可以通过以下方法访问模块

在“resetAllState”操作中使用此代码

resetAllState: function ({ dispatch }) {
  for (const currentModule in modules) {
    this._modules.root.forEachChild((childModule) => {
      console.log(childModule);
    });
    //if (modules[currentModule].state.hasOwnProperty("initialState")) {
    //  dispatch("resetModuleState", currentModule);
    //}
  }
},