我正在尝试将...mapMutations
与Nuxt中的Vuex模块一起使用。我对this.setDates(dates)
的呼叫导致错误:
this.setDates不是函数
在我的Nuxt商店中:store/header.js
export const mutations = {
setDates(state, dates) {
state.dates = dates;
},
}
在我的组件中
methods: {
...mapMutations(
{'header': ['setDates']},
),
changeDate(dates) {
this.setDates(dates);
}
}
答案 0 :(得分:1)
这将尝试使用突变header
创建一个名为setDates
的方法:
mapMutations(
{'header': ['setDates']},
)
我相信您想要的是:
mapMutations('header', ['setDates'])
这会将header
视为命名空间。
答案 1 :(得分:0)
您将突变映射为标头,我认为您需要调用header()而不是this.setDates()
来自https://vuex.vuejs.org/guide/mutations.html
...mapMutations({
add: 'increment' // map `this.add()` to `this.$store.commit('increment')`
})