从另一个模块获取器 Nuxt.js 在 vuex 模块上设置变量

Question

应用程序是使用 Nuxt.js 构建的。我正在尝试在 vuex 模块上启动一个变量，该变量用于在每个操作上调用 axios。

store/program.js

let program_url = 'programs/';

export const actions = {
  async programList({commit}) {
    await this.$axios.$get(program_url).then((response) => {
      commit("ALL_PROGRAMS", response);
    });
  },

我面临的问题是这个变量依赖于另一个 vuex 模块中的状态变量。我在这里尝试构建的是 store/program.js 我想启动一个名为 program = <dynamic_id_from_another_vuex_module>/program

的变量

另一个商店文件是store/university.js

export const state = () => ({
  settings: [],
  id: null
});

export const getters = {
  getId(state) {
    return state.id;
  }
};

那么我该如何在我的 store/program.js 中执行以下操作？

let program = store.getters['university/getId'] + 'program';

Answer 1

您需要在 getter 中使用 rootState，如下所示...

getId(state, getters, rootState) {
    return rootState.university.id  // Here I assume university is the another  module
}

就是这样:)