当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vue如何在用户要关闭当前网页时弹出提示的实现

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

2020年06月23日  | 移动技术网IT编程  | 我要评论

本文介绍了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替换成自己当前页面的

到此这篇关于vue如何在用户要关闭当前网页时弹出提示的实现的文章就介绍到这了,更多相关vue关闭当前网页时弹出提示内容请搜索移动技术网以前的文章或继续浏览下面的相关文章希望大家以后多多支持移动技术网！

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网