1. 程式人生 > >vue如何在使用者要關閉當前網頁時彈出提示

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
      }
    };