Nuxt JS значение из магазина Vuex не определено - PullRequest
1 голос
/ 12 марта 2020

Я создал хранилище vuex, подобное этому, в Nuxt.

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 

Что не так с этим подходом?

1 Ответ

1 голос
/ 12 марта 2020

Вам нужно использовать mapGetters вместо mapState?

...