Question

我想将vuex模块用作类，以使我的代码更清晰易读。我使用了本文档底部的“使用NuxtJS访问模块”部分：https://github.com/championswimmer/vuex-module-decorators/blob/master/README.md

我已经搜索了近三天的解决方案，并尝试了以下链接： vuex not loading module decorated with vuex-module-decorators 但是，它没有用。另外，我像本期问题页面中的解决方案一样，直接在组件中使用了getModule：https://github.com/championswimmer/vuex-module-decorators/issues/80

import CounterModule from '../store/modules/test_module';
import { getModule } from 'vuex-module-decorators';
let counterModule: CounterModule;

然后

created() {
        counterModule = getModule(CounterModule, this.$store);
}

然后，在其他地方访问方法

computed: {
        counter() {
            return counterModule.getCount
        }
    }

对我不起作用！

这是我在Nuxtjs项目中存储文件夹中的模块：

import { ICurrentUser } from '~/models/ICurrentUser'
import { Module, VuexModule, Mutation, MutationAction } from 'vuex-module-decorators'

@Module({ stateFactory: true, namespaced: true, name: 'CurrentUserStore' })
export default class CurrentUser extends VuexModule {
    user: ICurrentUser = {
        DisplayName: null,
        UserId: null,
    };

    @Mutation
    setUser(userInfo: ICurrentUser) {
        this.user = userInfo;
    }

    get userInfo() {
        return this.user;
    }
}

在痛文件夹的index.ts文件中：

import { Store } from 'vuex'
import { getModule } from 'vuex-module-decorators'
import CurrentUser from './currentUser'

let currentUserStore: CurrentUser

const initializer = (store: Store<any>): void => {
  debugger
  currentUserStore = getModule(CurrentUser, store)
}

export const plugins = [initializer]
export {
  currentUserStore,
}

我认为问题出在这一行：

currentUserStore = getModule(CurrentUser, store)

currentUserStore被创建为对象，但是属性和方法无法识别。

当我要使用吸气剂或突变型时，会出现错误。例如，使用突变的“未知突变类型”

Answer 1

大概晚了几个月，但是我遇到了类似的问题，最终在https://github.com/championswimmer/vuex-module-decorators/issues/179中找到了解决方法

它讨论了多个需求（总结为elsewhere）

与此问题相关的一个问题是，模块的文件名必须与您在@Module定义中指定的名称匹配。

对于您而言，如果将文件从currentUser重命名为CurrentUserStore' or change the name of the module to CurrentUser`，它将解决此问题。

使用Vuex-module-decorator的Nuxt.js不会wordk

1 个答案: