歡迎您光臨本站 註冊首頁

vue如何在用戶要關閉當前網頁時彈出提示的實現

←手機掃碼閱讀     limiyoyo @ 2020-06-10 , reply:0

本文介紹了vue如何在用戶要關閉當前網頁時彈出提示的實現,分享給大家,具體如下:

效果如下圖

正常 js 頁面處理方式

  window.onbeforeunload = function (e) {   e = e || window.event;   // 兼容IE8和Firefox 4之前的版本   if (e) {    e.returnValue = '關閉提示';   }   // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+   return '關閉提示';  };

 

vue 中處理方式

  let _this = this    window.onbeforeunload = function (e) {     if (_this.$route.name == "dyyPerformanceCenterSale") {      e = e || window.event;      // 兼容IE8和Firefox 4之前的版本      if (e) {       e.returnValue = '關閉提示1111';      }      // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+      return '關閉提示222';     } else {      window.onbeforeunload = null     }    };

 

針對很多同學說的沒有實現 ,我這裡在詳細描述一下 方法寫在 mounted裡面 ,然後 記得把route name替換成自己當前頁面的


                                                     

   


[limiyoyo ] vue如何在用戶要關閉當前網頁時彈出提示的實現已經有457次圍觀

http://coctec.com/docs/vue-js/show-post-237885.html