vue2项目，企业微信跳转第三方地址，使用history.back(),返回页面不刷新

最新推荐文章于 2024-07-20 14:18:19 发布

jiu_nian_0602

最新推荐文章于 2024-07-20 14:18:19 发布

阅读量245

点赞数 2

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_47411869/article/details/138724581

版权

企业微信浏览器可能有自己的缓存机制，导致使用history.back()返回时不会刷新页面。为了解决这个问题，你可以考虑在返回页面时手动触发页面刷新。你可以通过在页面中监听pageshow事件来实现，在这个事件触发时刷新页面。以下是一个示例代码：


   mounted() {
    window.addEventListener('pageshow', this.handlePageShow);
  },
   beforeDestroy() {
     window.removeEventListener('pageshow', this.handlePageShow);
  },
   methods: {
     handlePageShow(event) {
       console.log("我返回来了",event)
      // 判断是否从缓存中重新加载页面
      if (event.persisted) {
        window.location.reload();
      }
    }
    }