当在Vue项目中，从A页面进入B页面再返回A页面时，A页面未刷新。通过设置beforeRouteLeave路由守卫，在离开详情页前刷新页面，解决了因keepAlive导致的页面状态保留问题。后期计划优化，使用<router-view></router-view>进行管理。
问题：
vue项目，从A页面进入B页面，再返回A页面的时候，页面不刷新。
举例：
从列表页面，选择一条数据点击进去查看详情，这时候页面刷新了，并且执行了 created（）方法和 mounted（）方法，这个时候返回上一页，也就是列表页面，选择另外一条数据点击进来查看详情，页面上保留的还是上一条信息，并且没有执行created（）方法，直接执行了 mounted（）方法。
思考：
一开始我想到的是，页面添加刷新就行了，把 window.location.reload() ; 添加到 mounted（）方法里面，这时候你猜怎么着，页面开始不停的刷新，所以这条路 就走不通了。
然后我发现，在详情页面上我设置了keepAlive（代码见小图，此小图可放大 
），页面缓存了，所以
最低0.47元/天 解锁文章
扫一扫
6861
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
