来自Vuex商店的NuxtJS值未定义

Question

我在Nuxt中创建了一个vuex商店。

export const state = () => ({
  id: "",
  type: null,
  name: null,
});

export const mutations = {
  setProfile(state, profile) {
    state.id = profile.idStr;
    state.type = profile.type;
    state.name = profile.name;
  }
};

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

数据以store.commit("profile/setProfile", profile.data);存储并成功设置。 （值显示在chrome dev-tools中）

现在我正在尝试使用像这样的name方法访问我的组件之一中的属性mapGetters。>

import { mapGetters } from "vuex";

export default {
  computed: mapGetters({
    name: "profile/name"
  })
};
我的问题是找不到吸气剂。

ERROR  [vuex] unknown getter: profile/name 
这种方法有什么问题？

我已经在Nuxt中创建了一个vuex商店。 export const state =（）=>（{id：“”，type：null，name：null，}）;导出const突变= {setProfile（state，profile）{state.id = ...

Answer 1

您是否需要使用mapGetters而不是mapState？