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);
      }
    }