当前位置: 首页 > Web前端 > vue.js

Vuex数据持久化处理

时间:2023-03-31 14:27:02 vue.js

主要应用插件vuex-persistedstateimportVuefrom"vue";importVuexfrom"vuex";importstoreSidebarfrom"./storeSidebar";importstoreConsolefrom"./storeConsole";importstoreLoginfrom"./storeLogin";importstoreUrlfrom"./storeUrl”;从“./storeUserFliters”导入storeUserFliters;从“./storeRoleFliters”导入storeRoleFliters;从“./storeUser”导入storeUser;从“./storeRole”导入storeRole;从“./storeWidget”导入storeWidget;从“./storeOrgan”导入storeOrgan;从“./storeUserImage”导入storeUserImage;从“vuex-persistedstate”导入CreatePersistedState;Vue.use(Vuex);导出默认新Vuex.Store({state:{},mutations:{},动作:{},模块:{storeSidebar、storeConsole、storeLogin、storeUrl、storeUserFliters、storeUser、storeWidget、storeRoleFliters、store角色,storeOrgan,storeUserImage},插件:[CreatePersistedState({reducer(val){return{assessmentData:val.storeLogin,storeSidebar:val.storeSidebar,storeUserImage:{userImage:val.storeUserImage.userImage},storeUrl:{url:val.storeUrl.url,MenuList:val.storeUrl.MenuList,RelationList:val.storeUrl.RelationList,appList:val.storeUrl.appList}};}})]});