vuex无法识别突变

Question

这是我的vuex根商店。

 export default new Vuex.Store({ state: { account: {} }, mutations: { set_account(state,payload) { console.log("I AM INSIDE MUTATIONS", ) } }, actions: { setAccount({ commit }, payload) { return new Promise((resolve, reject) => { commit(set_account, payload) resolve() }) } }, plugins: [vuexLocal.plugin], modules: { auth, update } }); 

在设置帐户操作之后，我提交了set_account变异。 但它说，

set_account未定义

为什么会这样？

Answer 1

尝试使用带有类型的 commit() ，第一个参数是一个等于'set_account'的字符串，相应的动作函数名称的名称：

export default new Vuex.Store({
  state: {
    account: {}
  },
  mutations: {
    set_account(state,payload) {
      console.log("I AM INSIDE MUTATIONS", )
    }
  },
  actions: {
    setAccount({
      commit
    }, payload) {
      return new Promise((resolve, reject) => {
        commit('set_account', payload)
        resolve()
      })
    }
  },
  plugins: [vuexLocal.plugin],
  modules: {
    auth,
    update
  }
});

从提交的Vuex 文档 ：

commit（type：string，payload？：any，options？：Object）

type ，第一个参数应该是一个字符串，在这种情况下需要匹配set_account的函数名。 如果没有它是一个字符串，它会尝试计算表达式set_account ，它在当前执行上下文中实际上是未定义的。

希望这有帮助！