vue如何在用户要关闭当前网页时弹出提示

54次阅读

共计 527 个字符，预计需要花费 2 分钟才能阅读完成。

效果如下图

正常 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 替换成自己当前页面的，还是不行的请在评论区留联系方式，博主看到会私聊帮你们看一下

正文完