vue 返回刷新页面 不keepAlive

当在Vue项目中,从A页面进入B页面再返回A页面时,A页面未刷新。通过设置beforeRouteLeave路由守卫,在离开详情页前刷新页面,解决了因keepAlive导致的页面状态保留问题。后期计划优化,使用<router-view></router-view>进行管理。
摘要由CSDN通过智能技术生成

问题:

vue项目,从A页面进入B页面,再返回A页面的时候,页面不刷新。

举例:

从列表页面,选择一条数据点击进去查看详情,这时候页面刷新了,并且执行了 created()方法和 mounted()方法,这个时候返回上一页,也就是列表页面,选择另外一条数据点击进来查看详情,页面上保留的还是上一条信息,并且没有执行created()方法,直接执行了  mounted()方法。

思考:

一开始我想到的是,页面添加刷新就行了,把  window.location.reload() ;  添加到  mounted()方法里面,这时候你猜怎么着,页面开始不停的刷新,所以这条路 就走不通了。

然后我发现,在详情页面上我设置了keepAlive(代码见小图,此小图可放大  ),页面缓存了,所以

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值