vuex的mutations如何传多个传参?

1、不传参时的写法（官网例子）：

const store = new Vuex.Store({
  state: {
    count: 1
  },
  mutations: {
    increment (state) {
      // mutate state
      state.count++
    }
  }
})

store.commit('increment')

 

2、传一个参数的写法（官网例子）：

// ...
mutations: {
  increment (state, n) {
    state.count += n
  }
}

store.commit('increment', 10)

 

3、传多个参数的写法：

　　此时参数不能继续在后面加，后面的参数无效，传进去的参数为undefined；

　　官网的解释：In most cases, the payload should be an object so that it can contain multiple fields, and the recorded mutation will also be more descriptive；

　　所以，我们可以将参数以对象的方式传进去，多个属性就是多个参数了。

// ...
mutations: {
  increment (state, payload) {
    state.count += payload.amount1；
    state.count += payload.amount2；
    state.count += payload.amount3；
    state.count += payload.amount4；

} }

store.commit('increment', {
  amount1: 10,
  amount2: 20，
  amount3: 30，
  amount4: 40，
}

 

转载于:https://www.cnblogs.com/yang-shun/p/10362045.html