Vuex modules 中active相互调用

 

大中型项目中使用vuex进行状态管理时，经常会按模块分割到不同的module中去，而操作中难免有模块中的active相互调用的情况，然而有时也会出现一些问题，这里顺便记录下

store目录结构

在userLoginOut中调用其他模块的active

const actions = {
  //  login
  userLoginOut({ commit, dispatch, rootGetters }, userInfo) {
      commit('permission/SET_ROUTES', [], { root: true }) // 清空permissin下SET_ROUTES
     console.log(rootGetters['user/usermenu']) // 获取user 模块下的usermenu属性
     dispatch('tagsView/delAllViews', null, { root: true }) // 派发事件执行tagsView 下的delAllViews  active
  }
 }

 

上面方法中需要注意的是{root:true} 参数，如commit('permission/SET_ROUTES', [])这样vuex 就会默认拼接当前module user作为key 去查找对应的mutation，于是就会有如下错误

vuex.esm.js?52c1:663 [vuex] unknown local mutation type: permission/SET_ROUTES, global type: user/permission/SET_ROUTES

在此记录一下希望可以帮助遇到该问题的朋友