vue單頁面:當前頁面刷新或跳轉時提示保存


 

 

//關閉瀏覽器×,或者刷新頁面提示是否保存數據
Vue.prototype.closeBeforeSave = () => {
  //如果進入頁面不進行點擊等操作,直接關閉,會不觸發
  window.onbeforeunload = function (e) {
    e = e || window.event;
    // 兼容IE8和Firefox 4之前的版本
    if (e) {
      e.returnValue = "關閉提示";
    }
    // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
    return "關閉提示";
  };
}
 
destroyed() {
    //為了防止從當前單頁面跳到其他頁面之后,在刷新所在新的頁面還會觸發window上的onbeforeunload
    window.onbeforeunload = null;
  },
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM