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

Question

我的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

Answer 1

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

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

这里docs