Vuex 与 Nuxt - 未知动作类型：答案

【问题标题】：Vuex with Nuxt - Unknown Action Type:Vuex 与 Nuxt - 未知动作类型：
【发布时间】：2023-02-03 00:44:34
【问题描述】：

我正在尝试将我的本地方法移动到 VueX 商店。我使用的是 nuxt.js，所以存储格式与平时有点不同。当我尝试调用我的商店操作时，我得到“vuex 未知操作类型：fetchProducts”。这一定与我给商店打电话的方式有关，但我还没有完全弄明白。

所以，Nuxt 使用存储文件夹系统，我调用导入映射操作 - import { mapActions } from 'vuex';

然后在我的方法中，我在 index.js 文件中的方法所在的目录旁边列出了地图操作。

          ...mapActions('RyansBag/Inventory', [
            'fetchProducts',
        ]),

在相同的方法中，我请求从已安装的此方法开始从存储中提取数据。

        async getProducts(){
        this.TableData.isLoading = true;
        await this.$store.dispatch('fetchProducts', this.options);
        this.TableData.isLoading = false;
      },

我的理解是在 nuxt 中我不必通过它的模块名称调用一个动作——模块中没有任何东西——我想？除非 nuxt 中的存储文件夹系统被认为是我可能误解的模块。

【问题讨论】：

标签： javascript vuejs2 nuxt.js vuetify.js vuex

【解决方案1】：

对于获取请求，它应该是 this.fetchProducts() 而不是字符串引用。固定的。 :)

【讨论】：