vuex - Vuejs : mapMutations

Question

我是 Vues.js 的初学者，我在问一些关于 mapMutation 方法的问题。
我想用这种方法传递参数，但我不知道如何。
我想通过使用 mapMutations 来转换我的两种方法:

increment() {
   this.$store.commit(M_COUNT_INCREMENT, {
      amount: 1,
   });
},
decrement() {
   this.$store.commit(M_COUNT_DECREMENT, {
       amount: 1,
   });
},

我想做这样的事情，但传递我的“金额”参数:

...mapMutations({
   increment: M_COUNT_INCREMENT,
   decrement: M_COUNT_DECREMENT,
}),

任何想法 ？

谢谢

Answer 1

你当然可以做到!
您可以将一个或多个参数传递给一个 mutator。
您将不得不调整您的数据以匹配您的情况，但这是您实现它的方式:
您在 Vuex 存储对象中的修改器:

mutations: {
  increment (state, newValue) {
    state.counter = state.counter + newValue;
  },
  decrement (state, newValue) {
    state.counter = state.counter - newValue;
  }
}

您的 Vue 方法中的 map Mutator(未计算):

...mapMutations(['increment', 'decrement'])

你的带有变异映射的新 setter:

this.increment(this.yourNumber); // Value 1 in your example

就是这样!
奖金!您可以将许多变量(有效负载)传递给具有值对的变异函数；例如:

this.increment({
  id: this.counterId,
  newValue: this.newValue
});

奖金2!你的突变器应该改变一点:

 mutations: {
  increment (state, payload) {
  state.selectedCounter[payload.id].counter = payload.newValue;
 }
}

惊人？阅读官方文档! https://vuex.vuejs.org/guide/mutations.html