등록된 모듈의 vuex 알 수 없는 변환 유형

등록된 모듈의 vuex 알 수 없는 변환 유형

vuex에서 동적 등록 모듈을 만들고 싶은데 작동하지 않는 것 같습니다.이것은 나의 스토어 파일입니다.

import Vuex from 'vuex'
import descriptionModule from './module/descriptionModule';
const {state: stateModule, getters, mutations} = descriptionModule;

const createStore = () => {
  return new Vuex.Store({
    state: {
      descriptions: [],
    },
    mutations: {
      addDescriptions(state, payload){
        state.descriptions.push(state.descriptions.length + 1);
        createStore().registerModule(`descriptionModule${payload}`, {
          state: stateModule,
          getters,
          mutations,
          namespaced: true // making our module reusable
        });
      }
    }
  })
};

export default createStore

그리고 이것은 제가 등록할 커스텀 모듈입니다.

const state = () => {
  return {description: ''}
};
const getters = {
  description: (state) => state.description
};
const mutations = {
  updateDescription(state, payloads){
    state.description = payloads;
  }
};
export default {
  state,getters,mutations
}

다음으로 addDescriptions 변환을 호출하고 registeredModule에서 updateDescription을 커밋하는 커스텀 메서드입니다.

beforeMount(){
  console.log("hahahaha");
  this.$store.commit('addDescriptions', this.id);
},
... more code ....
methods: {
      onType(editor, content){
        console.log(this.$store.state.a);
        console.log(this.$store.state);
        console.log(this.$store);
        this.$store.commit(`descriptionModule${this.id}/updateDescription`, content, {root: true})
      }
    }

onType된 경우 합니다.unknown mutation type: descriptionModuleeditor1/updateDescription브라우저에 있습니다.

현재 이 솔루션 링크에 접속하고 있습니다만, 이 링크에서는 동작하지 않습니다.

누가 이걸 풀 수 있을까? 영어가 서툴러서 미안해.

$store.registerModule()컴포넌트 경유()beforeMount():

beforeMount(){
      this.$store.registerModule(`descriptionModule${this.id}`, {
        state: stateModule,
        getters,
        mutations,
        namespaced: true // making our module reusable
      });
    },

언급URL : https://stackoverflow.com/questions/45933913/vuex-unknown-mutation-type-in-registered-module