如何解决Nuxt延迟加载Vuex模块
我正在尝试在nuxtjs中完成我的状态的延迟加载。 我正在使用vuex-module-decorators软件包。
我将状态保留在“ store /”文件夹之外,因此nuxt不会自动注册它们。 加载页面后,我会注册状态并立即加载它:
created(){
this.$store.registerModule('myModule',MyModule);
this.myState = getModule(MyModule,this.$store);
}
稍后在按钮上单击“我打电话”:
this.mystate.doStuff();
,但出现错误。
Uncaught (in promise) Error: ERR_ACTION_ACCESS_UNDEFINED: Are you trying to access this.someMutation() or this.someGetter inside an @Action?
That works only in dynamic modules.
If not dynamic use this.context.commit("mutationName",payload) and this.context.getters["getterName"]
Error: Could not perform action doStuff
...
Error: ERR_STORE_NOT_PROVIDED: To use getModule(),either the module
should be decorated with store in decorator,i.e. @Module({store: store}) or
store should be passed when calling getModule(),i.e. getModule(MyModule,this.$store)
我希望使用vuex-module-decorators的“动态”选项,但是我无法在Vue组件之外获得对存储对象的引用。
Vuex模块的外观如下:
@Module({
name: 'myModule',stateFactory: true,namespaced: true,})
export default class MyModule extends VuexModule {
@Action
doStuff(){
console.log('DoStuff');
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。