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

vuex+路由独享守卫实现根据条件重定向

时间:2023-04-01 11:45:40 vue.js

如何在进入某个页面前通过条件判断是否跳转到其他页面,将条件标识预先存储在vuex中,然后在router中通过路由守卫控制页面跳转,下面看一下具体实现:vuex(部分代码省略)://更新状态值},}actions:{setPlatformVer(state){axios.get({params:{code:"AuthorityPlatformVersion",//获取授权平台标识版本数据:{}}//parameters}).then(res=>{state.commit("setPlatformVer",res);});vuex通过action中的setPlatformVer调用接口获取数据,将setPlatformVer数据提交给vuex。在页面登录后或页面初始加载时触发VuexAction的setPlatformVer:this.$store.dispatch("setPlatformVer");routerroutingtable:{path:"MenuManagementOld",meta:{title:"MenuManagementOld"},component:resolve=>require(["@/views/system/MenuManagementOld"],resolve)},{path:"MenuManagement",meta:{title:"菜单管理"},component:resolve=>require(["@/views/system/MenuManagement"],resolve),beforeEnter:(to,from,next)=>{if(store.state.platformVer=="2"){//2为旧版本跳转到旧平台页面next("/system/MenuManagementOld");}下一个();//否则继续跳转到默认页面MenuManagement}},beforeEnter在进入本路由时进行判断,如果是旧版本则跳转到其他页面。

最新推荐
猜你喜欢