状态对象未定义 Vuex 存储答案

【问题标题】：Vuex store is undefined for the state object状态对象未定义 Vuex 存储
【发布时间】：2020-06-21 06:00:52
【问题描述】：

我在我的项目中使用 vuex，并且在我的状态对象中我想到达另一个状态对象。为此，我在商店中创建了一个吸气剂，但出现“商店未定义”错误。这是我的商店：

https://codesandbox.io/s/peaceful-gould-bvq2b 这里是沙盒。

const store = new Vuex.Store({
  state: {
    members: [],
    member: {},
    messages: [
      {
        id: Math.floor(Math.random() * 10000),
        owner: store.getters.getRandomMember,
        content: "Hello this is a test message",
        date: "06.03.2020 12:20"
      },
      {
        id: Math.floor(Math.random() * 10000),
        owner: store.getters.getRandomMember,
        content: "Hello this is the second message",
        createdDate: "06.03.2020 12:20"
      },
      {
        id: Math.floor(Math.random() * 10000),
        owner: store.getters.getRandomMember,
        content: "Hello this is the third message",
        createdDate: "06.03.2020 12:40"
      }
    ]
  },
  mutations: {
    SET_MEMBERS(state, membersData) {
      state.members = membersData;
    }
  },
  actions: {
    getMembers() {
      axios
        .get("https://api.github.com/orgs/github/public_members")
        .then(membersResult => {
          this.commit("SET_MEMBERS", membersResult.data);
        });
    }
  },
  getters: {
    getRandomMember: state => {
      return state.members[Math.floor(Math.random() * 30)];
    }
  },
  modules: {}
});

export default store;

【问题讨论】：

你能创建一个minimal reproducible example 吗？
codesandbox.io/s/peaceful-gould-bvq2b我在这里创建了一个沙箱，也许对@lucas有帮助

标签： javascript vue.js vuex store

【解决方案1】：

沙盒会告诉您代码有什么问题。您在定义之前使用“商店”。我不确定您的实体结构，但我会更改您的代码，以便在您添加消息时选择随机成员。成员在开始时也是空的，所以无论如何它都会选择 null。

【讨论】：