Vuex 돌연변이가 페이로드 데이터를 커밋하지 않음

Vuex 돌연변이가 페이로드 데이터를 커밋하지 않음

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 상점의 커밋된 상태는 빈 개체로 남아 있다.

그payload.mutation.organisatiedevtools에서 적절한 데이터가 채워진다.하지만 더state.organisatie빈 객체를 유지하다

호프, 너에게 잘 될 거야.

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

참조URL: https://stackoverflow.com/questions/52507134/vuex-mutation-does-not-commit-payload-data