我想如下设置VuexMutations :
export default {
props: {
store: String
},
methods: {
...mapMutations({
changeModel: `${this.store}/changeModel`
})
}
}
但我发现了一个错误:
未捕获的TypeError:无法读取未定义的属性"store"
如何在模块名称中正确使用props？
我想映射this.$store.commit('form1/changeModel')，其中form1是从props设置的.
Vuex helper mapMutations可与可与this配合使用的功能一起使用.
这方面似乎没有文档，但Vuex单元测试helpers.spec.js说明了这种模式.
const vm = new Vue({
store,
methods: mapMutations({
plus (commit, amount) {
commit('inc', amount + 1)
}
})
})
作为奖励，该函数允许向变异传递一个参数，这是一个常见的要求.
您的代码更改将是:
export default {
props: {
store: String
},
methods: {
...mapMutations({
changeModel(commit) { commit(`${this.store}/changeModel`) }
})
}
}
组件中的调用只有changeModel()个，MapTranslations负责注入commit参数.
注意，除了一些额外的噪声(与简单的this.$store.commit()相比)，我不确定这会增加多少，但可能您的需求比示例代码更复杂.