Мутация Vuex не фиксирует данные полезной нагрузки

Question

У меня есть простое приложение VueJS, которое использует хранилище Vuex:

 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 остается пустым объектом:

payload.mutation.organisatie вdevtools заполнен правильными данными.Но state.organisatie остается пустым объектом.

Answer 1

Надеюсь, он отлично подойдет для вас

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