H5頁面，手機物理鍵返回上一頁面后頁面不會自動刷新

有發現一個問題，就是H5頁面中，有時候通過手機物理鍵返回上一頁后頁面不會自動刷新，這樣子就有可能造成頁面數據更新不及時

在網上搜索后發現一個解決辦法，使用window監聽pageShow

window.addEventListener('pageshow', function (e) {
    if(e.persisted || (window.performance && window.performance.navigation.type == 2)){
            window.location.reload()
    }
});

　　

 1、增加監聽在mounted

    if (window.history && window.history.pushState) {
                // 往歷史記錄里面添加一條新的當前頁面的url
                history.pushState(null, null, document.URL);
                // 給 popstate 綁定一個方法 監聽頁面刷新
                window.addEventListener('popstate', this.returnHome, false);//false阻止默認事件
            }

2、頁面銷毀時，取消監聽。否則其他vue路由頁面也會被監聽

destroyed(){
  window.removeEventListener('popstate', this.backChange, false);//false阻止默認事件
},