vuex,定义namespaced的module，如何在store.dispatch和store.commit中调用

Question

问题

这个action怎么表明是routes这个module的

      store
        .dispatch('addRoutes')
        .then(res => {
          router.addRoutes(res)
          next({ ...to })
        })
        .catch(err => {
          console.log(err)
          next('/login')
        })

在module里，在adminUser，调用router的action的方法,报错了，如下图

Answer 1

比如定义在app模块里名为setName的mutation，可以这样this.$store.commit('app/setName')，也可以这样：

// 先引入
import { createNamespacedHelpers } from 'vuex'
const appStore = createNamespacedHelpers('app')
// 然后在methos里加：
methods: {
    ...appStore([
        'setName'
    ])
}
// 然后需要使用this.$store.commit('app/setName')的地方，都可以直接用this.setName()