苹果手机左上角按钮返回不刷新

Posted 2020-10-14

在实际项目中,点击底部导航,跳转到不同的页面,而且相对应的按钮加active 类名,改变其背景图

pc, 安卓返回都木有问题,但是苹果手机左上角点击返回按钮时出现active不会切换和从上一页返回后需要改变的底部背景图丢失问题

感觉是苹果手机复用了之前的页面,而没有刷新页面,也不再重新加载js

解决方案: a  在点击的a 的链接最后加#wechat_redirect  这样图片资源会重新加载, 但是active还是么有切换

　　　　  b  在页面上加下面代码,将返回后必须加载的js放进去

window.onpageshow=function(e){
    if(e.persisted) {
         console.log(‘aa‘)
    }
};

　　最后一条感觉比较重复,有更好的方法请指教,共同进步, 谢谢!!