vue.js - Vuex 突变不提交负载数据

Question

我有一个使用 Vuex 存储的简单 VueJS 应用程序:

 const store = new Vuex.Store({
    state: {
      organisatie: {}
    },
    mutations: {
      loadOrganisatie (state, payload) {
         state.organisatie = payload.organisatie;
         console.log(payload.organisatie);
      }
    }
});

然后我从我的一个组件将组织的数据加载到商店，因为页面上的一些其他组件也需要它的数据:

...
created() {
   axios.get('/get/'+this.$route.params.orgId)
     .then(response => {
         this.$store.commit({
           type: 'loadOrganisatie',
           organisatie: response.data
     })
}
...

但是我的 Vuex 存储的提交状态仍然是一个空对象:

devtools 中的 payload.mutation.organisatie 填充了正确的数据。但是 state.organisatie 仍然是一个空对象。

Answer 1

希望它对你有用

mutations: {
      loadOrganisatie (state, payload) {
         state.organisatie = Object.assign({},payload.organisatie);
         console.log(payload.organisatie);
      }
    }