Vuex 踩坑记之 Unknown Mutation Type

Sun, 03 May 2020 20:53:44 +0800

Q: Unknown Mutation Type

近日，我在 vuex 3.1.3 的 mutations 中封装 antd 提供的 notification 时，遇到了 unknown mutation type: SHOW_NOTIFICATION

// vuex下的common模块common.js部分代码
...
namespaced: true, // 可圈可点
// notice: { type: 'error', msg: '-1' }
state: {
  userId: '', role: Number, token: '', code: 'cslg', noticeType: 'error'
},
mutations: {
  SHOW_NOTIFICATION(state, msg) {
    // 通过设置key唯一notification
    // const key = 'unique'
    console.log('SHOW_NOTIFICATION')
    alert(state.noticeType + msg)
    notification[state.noticeType]({
      // key,
      message: msg,
    });
  },
  OK(state, msg) {
    state.noticeType = 'success'
    console.log(state===this) // false，原因不详（
    this.commit('SHOW_NOTIFICATION', msg)
  },
  ...
},
actions: {...}
...

A1（不推荐）

前情提要：各路大佬表示不建议在 mutation 中 commit。

野路子：由于设置了 namespaced 为 true，所以在 mutation 中 commit 时需要加上 moduleName。

Vuex on Blog

Vuex 踩坑记之 Unknown Mutation Type

Q: Unknown Mutation Type

A1（不推荐）