返回按钮采用this.$router.go(-1)后,点击页面然后返回,再点进去页面,发现页面数据状态没有改变。
排查后,发现在其他页面路由跳转没有问题,但是在一个特定的页面中跳转就出现这样的问题。
原来是这个特定的页面采用了嵌套路由,在父组件中采用了keep-alive组件,导致该页面被缓存起来了。
<keep-alive>
<router-view name="default" :key="$route.fullPath"></router-view>
</keep-alive>
那么只需要将这个页面加入keep-alive的黑名单即可
<keep-alive exclude="组件的名字">
<router-view name="default" :key="$route.fullPath"></router-view>
</keep-alive>
版权声明:本文为ccy_888原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。