提供一种解决方案&＃xff1a;
beforeRouteLeave &＃xff08;
通过某种方式&＃xff0c;进入页面B ( 如详情页 )&＃xff0c;返回时需跳转到 页面A ( 如首页 )&＃xff0c;在 B 页面中添加 守卫钩子&＃xff1a;
beforeRouteLeave (to, from, next) {
// 通过地址查询是否带有跳转标示let backHome &＃61; this.$route.query.backhome
// 有标示 且 要跳转的路由不等于 A 页面时设定即将跳转的路由&＃xff1b;否则继续跳转原导航路由if(backHome &＃61;&＃61; &＃39;backhome&＃39; && to.name !&＃61;&＃39;Home&＃39;){next(&＃39;/news&＃39;)}else{next()}},
此处的 if else &＃xff0c;比较容易失误&＃xff0c;从而导致进入深循环&＃xff01;
续&＃xff1a;
业务中有特殊场景&＃xff0c;通过 触发页面X 进入到 B 页面时&＃xff0c;需打开一个新的窗口或 webview&＃xff0c;此时新打开的窗口只有一条记录&＃xff0c;返回的时候会直接关闭窗口( webview中 )&＃xff0c;这样就得另换一种思路&＃xff0c;走中间页面。
X 页面跳转链接设为A页面&＃xff0c;并在链接中添加跳转标示&＃xff0c;到 A 页面后判断是否存在此标示&＃xff0c;存在的话先替换地址&＃xff0c;再跳转。如果觉得在 A页面的短暂停留碍眼&＃xff0c;也可以用加载图或者直接白屏掩盖
// 检查标示
let topage &＃61; this.$route.query.topage
if(topage) {
// 替换地址&＃xff0c;去掉标示this.$router.replace({name:&＃39;Home&＃39;})
// 跳转到页面 Bthis.$router.push({name: &＃39;Page&＃39;, params: { id: topage }},()&＃61;>{
// 去掉加载loadingthis.ifRedirect &＃61; true})
}else{
// 去掉加载loadingthis.ifRedirect &＃61; true
}
京公网安备 11010802041100号