无法在vue中读取未定义(读取'getters')的属性

Question

我想在Vuex模块中使用名称空间，但是我有以下错误：

​

这是我的店：

banks.module.js

import ApiService from "@/core/services/api.service";

// action types
export const BANKS = "banks";
///mutations
export const SET_BANKS = "setBanks";
export const banks = {
  namespaced: true,

  state: {
    banks: [],
  },

  getters: {
    banksget(state) {
      return state.banks;
    },
  },

  actions: {
    [BANKS](context) {
      return ApiService.get("api/bank").then(({ data }) => {
        console.log("auth request - bank:", data);
        context.commit(SET_BANKS, data);
      });
    },
  },

  mutations: {
    [SET_BANKS](state, banks) {
      state.banks = banks;
    },
  },
};

在我的组件的脚本部分：

import { mapGetters } from "vuex";
import { BANKS } from "@/core/services/store/banks.module";

beforeCreate() {
    this.$store.dispatch(`banks/${BANKS}`);
},
computed: {
  ...mapGetters({
    banks: "banks/banksget",
  }),
},

我不知道我的错误在哪里，但我得到了这个错误：

无法读取未定义(读取‘getter’)

的属性

Answer 1

您不需要getters的banks，因为您是直接调用数据而不应用任何操作。mapState在这里更适合。