vue 装饰器的一个用法问题,没有挂在store

Question

第一个Module能够成功创建在store里面,但是第二个的没有创建进去, 第一次用装饰器

import { VuexModule, Module, Mutation, Action, getModule } from 'vuex-module-decorators'
import store from '@/store' 
@Module({ dynamic: true, store, name: 'permission' })
class Permission extends VuexModule implements IPermissionState {
  public routes: RouteConfig[] = []
  public dynamicRoutes: RouteConfig[] = []

  @Mutation
  private SET_ROUTES(routes: RouteConfig[]) {
    this.routes = constantRoutes.concat(routes) 
    console.log(this.routes); 
    router.addRoutes(routes)
    this.dynamicRoutes = routes
  }

  @Action
  public GenerateRoutes() { 
    const menus:Imenus[] = UserModule.menus; 
    let accessedRoutes:RouteConfig[]=[]  
    const r = bcd(asyncRoutes,menus)
    accessedRoutes= [...accessedRoutes,...r]
    this.SET_ROUTES(accessedRoutes)
  }  
}

export const PermissionModule = getModule(Permission)

import { VuexModule, Module, Action, getModule } from 'vuex-module-decorators'
import {
  GetAuditLdogs,
  GetAuditLogsDetail,
  GetEntityChanges,
} from "@/api/AuditLogMange";
import store from '@/store'
export interface IAuditLogManageState {}

@Module({dynamic: true, store, name: "auditlog",namespaced:true }) 
class AuditLogManagemode extends VuexModule implements IAuditLogManageState {
  
  @Action
  public async GetAuditLdogs(payload: any) {
    const reponse = await GetAuditLdogs(payload.data);
    return reponse;
  }
  @Action
  public async GetEntityChanges(payload: any) {
    const reponse = await GetEntityChanges(payload.data);
    return reponse;
  }
  @Action
  public async GetAuditLogsDetail(payload: any) {
    const reponse = await GetAuditLogsDetail(payload.data);
    return reponse;
  }
}
export const AuditLogManageModule = getModule(AuditLogManagemode);

Answer 1

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这篇博客也许可以解决你的问题👉 ：解决vue中刷新页面，store数据丢失的问题

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 以帮助更多的人 ^-^