IOS上从第三方页面回跳VUE页面页面不刷新问题

情景描述:
IOS系统环境下,从微信的vue页面A中跳转到第三方页面B,然后点击浏览器返回按钮返回A页面。

问题描述:
IOS系统下,A页面没有刷新;Android正常刷新。

问题解决:
在A页面mounted中添加如下方法:

window.onpageshow = function(e) {
        console.log("执行了onpageshow");
        if (
          e.persisted ||
          (window.performance && window.performance.navigation.type == 2)
        ) {
          window.location.reload();
        }
      };

因为Android中能够正常刷新页面,所以只需要针对IOS进行处理即可,完整方案如下:

// 先判断环境是否是IOS,这里判断方法请读者自己操作
if(系统是IOS){
	window.onpageshow = function(e) {
        console.log("执行了onpageshow");
        if (
          e.persisted ||
          (window.performance && window.performance.navigation.type == 2)
        ) {
          window.location.reload();
        }
      };
}

欢迎关注博主:小圣贤君,有问题可以留言哦~

你可能感兴趣的:(vue)