Vue.js 如何访问vuex存储模块中的嵌套操作？

在使用创建项目并生成一些代码后，我无法分派一些操作。。。以下是一个例子：

主存储文件

主产品存储文件

主产品/列表存储文件

动作文件

在一个组件中，我映射producto商店中项目的getter，得到一个空数组（如预期的那样）。但是当我调用

this时，.store.dispatch（'producto/list/getItems'）

vuex会抛出一个错误，因为没有这样的getItems操作

我不知道为什么getter会起作用，但实际情况并非如此

有小费吗？我需要调用该操作以从producto商店填充items数组

---

提前谢谢

我想您可能需要在主店和producto店上安装

名称空间：true

导出默认的新Vuex.Store({
名称空间：对，
模块：{
...
producto，
...
}
})

---

因为

this.$store.dispatch（'producto/list/getItems'）

实际上有两个名称空间。

您是如何将

getItems

导入

producto/list

文件的？操作条目是否。。。更新

export default new Vuex.Store({
    modules: {
        ...
        producto,
        ...
    }
})

export default {
  namespaced: true,
  modules: {
    list, //here is the action I want to use
    create,
    update,
    show,
    del
  }
}

import * as actions from './actions'
import * as getters from './getters'
import mutations from './mutations'
export default {
  namespaced: true,
  state: {
    error: '',
    isLoading: false,
    items: [],
    view: []
  },
  actions,
  getters,
  mutations
}

const getItems = ({ commit }, page = '/productos') => {
  commit(types.TOGGLE_LOADING)

  fetch(page)
    .then(response => response.json())
    .then((data) => {
      commit(types.TOGGLE_LOADING)
      commit(types.SET_ITEMS, data['hydra:member'])
      commit(types.SET_VIEW, data['hydra:view'])
    })
    .catch((e) => {
      commit(types.TOGGLE_LOADING)
      commit(types.SET_ERROR, e.message)
    })
}

export default getItems