Nuxt / Vue ... mapMutations를 올바르게 사용하는 방법

Nuxt / Vue ... mapMutations를 올바르게 사용하는 방법

사용하려고 합니다....mapMutationsNuxt에 Vuex 모듈이 있습니다.제 전화는this.setDates(dates)에러가 발생합니다.

setDates는 함수가 아닙니다.

내 Nuxt 스토어:store/header.js

export const mutations = {
    setDates(state, dates) {
        state.dates = dates;
    },
}

내 컴포넌트에서는

methods: {
    ...mapMutations(
        {'header': ['setDates']},
    ),
    changeDate(dates) {
        this.setDates(dates);
    }
}

이렇게 하면 다음과 같은 메서드가 생성됩니다.header돌연변이를 사용하여setDates:

mapMutations(
  {'header': ['setDates']},
)

당신이 원하는 건

mapMutations('header', ['setDates'])

이것으로 치료하다header대신 네임스페이스로 사용합니다.

변환을 헤더로 매핑하면 이 대신 콜헤더()가 필요할 것 같습니다.setDates()

https://vuex.vuejs.org/guide/mutations.html 에서

...mapMutations({
      add: 'increment' // map `this.add()` to `this.$store.commit('increment')`
    })

언급URL : https://stackoverflow.com/questions/60335163/how-to-correctly-use-nuxt-vue-mapmutations