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

您需要将 root 参数添加到您的调度调用中

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

这里docs

Nuxt.js 商店，向其他商店发送操作

Nuxt.js Store, dispatch action to other store

vue.js

vuex

nuxt.js