Nuxt.js存储,将操作分派到其他存储

时间:2019-01-20 20:54:00

标签: vue.js vuex nuxt.js nuxt

我的Nuxt.js应用程序上有两个商店,我需要将操作分派到另一个商店。

export const actions = {
   addToCart({ state, commit, dispatch }) {
    dispatch('CartLoadingStore/enableLoadingBar')

    this.$axios
      .post('something')
      .then(response => {
        (...)
        dispatch('CartLoadingStore/disableLoadingBar')
      })
  },
}

在我看来,我无法将动作发送到其他商店。那正确吗?还是有办法做到?

以上内容将导致错误:

[vuex] unknown local action type: CartLoadingStore/enableLoadingBar, global type: StoreTheActionDispatchedFrom/CartLoadingStore/enableLoadingBar

1 个答案:

答案 0 :(得分:0)

您需要在调度调用中添加根参数

dispatch('CartLoadingStore/disableLoadingBar', null, { root: true })

这里docs