vue3页面跳转缓存

524 阅读1分钟

技术:vue3+vant+vue-router

问题:A页面跳转到B页面,B页面有三个tab栏,分别为B1、B2、B3,(B页面初始化为B1)点击B2后跳转到C页面,要求回退返回B2

解决方案:

  1. 使用keep-alive缓存B页面,然后判断路由跳转搭配onActivated来更新页面
  2. 使用router.replace()替换当前url,在url上打tab标识 比如:router.replace({name:"detail", query:{...query,tab:1}})