前端录网站,记录前端点点滴滴,帮助程序猿快速成长!

vue项目页面回退需要刷新

移动端
场景

     一个抽奖活动,需求是用户进入活动落地页,点击购买套餐卡再回到落地页,抽奖的次数+1

问题

    当购买好套餐卡后回退到活动抽奖的落地页,页面并不会更新接口,当然直接刷新是个方案,但是每次进来都要刷新并不友好,网上有通过判断document.name是否等refresh来reload.这方案也并没有解决


解决方案


window.onpageshow = function(event) {
    if (event.persisted || (window.performance && window.performance.navigation.type == 2)) {
        window.location.reload()
    }
};



转载请注明:前端录»vue项目页面回退需要刷新