时间：2024-06-28 05:01:52
vue页面跳转时缓存上个页面
在Vue中实现页面跳转时缓存上个页面，可以使用keep-alive和beforeRouteLeave来实现。以下是具体步骤：
1. 在路由里面设置需要缓存的页面。
2. 使用keep-alive属性包裹需要缓存的页面，使用v-if判断，为true的是需要缓存的，false是不需要缓存的。
3. 在需要缓存的页面设置导航钩子，在离开时将值设置为false，保证离开当前页面不被偷。
4. 在其他页面离开时设置为true，保证回到原页面时页面不被刷新，还是原来的状态。
补充知识：vue keep-alive使用只有从固定页面跳转过来的才缓存当前页面。如果需要解决A页面跳转到B页面后无缓存，C页面跳转到B页面后有缓存的问题，可以使用beforeRouteLeave判断进入缓存页面的时候设置keep-alive为true或false。在B页面判断是从哪个页面跳转过来的，如果是从A页面跳转过来的重置B页面所有数据，否则不进行任何操作。
《vue跳转页面保留当前页数据》不代表本网站观点，如有侵权请联系我们删除
精彩推荐
点击排行
