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


Posted in Javascript onMay 31, 2020

本文介绍了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
   }
  };

针对很多同学说的没有实现 ,我这里在详细描述一下 方法写在 mounted里面 ,然后 记得把route name替换成自己当前页面的

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

Javascript 相关文章推荐
总结一些js自定义的函数
Aug 05 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 Javascript
JS控制图片等比例缩放的示例代码
Dec 24 Javascript
jQuery中[attribute*=value]选择器用法实例
Dec 31 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
Angular之指令Directive用法详解
Mar 01 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
详解关于html,css,js三者的加载顺序问题
Apr 10 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
Jun 03 Javascript
Vue实现简单的留言板
Oct 23 Javascript
vue elementUI表格控制对应列
Apr 13 Vue.js
使用原生JS实现滚轮翻页效果的示例代码
May 31 #Javascript
24个ES6方法解决JS实际开发问题(小结)
May 31 #Javascript
公众号SVG动画交互实战代码
May 31 #Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 #Javascript
Vue-cli3生成的Vue项目加载Mxgraph方法示例
May 31 #Javascript
详解Typescript 内置的模块导入兼容方式
May 31 #Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 #Javascript
You might like
重置版游戏视频
2020/04/09 魔兽争霸
PHP调用Twitter的RSS的实现代码
2010/03/10 PHP
深入php-fpm的两种进程管理模式详解
2013/06/03 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
GRID拖拽行的实例代码
2013/07/18 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
详解Ubuntu安装angular-cli遇到的坑
2018/09/08 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
利用d3.js实现蜂巢图表带动画效果
2019/09/03 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
2020/01/18 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
2020/03/08 Javascript
react 生命周期实例分析
2020/05/18 Javascript
Python GAE、Django导出Excel的方法
2008/11/24 Python
python str与repr的区别
2013/03/23 Python
使用python装饰器验证配置文件示例
2014/02/24 Python
利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程
2015/05/05 Python
详解Python中dict与set的使用
2015/08/10 Python
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
在python 中实现运行多条shell命令
2019/01/07 Python
使用Python FastAPI构建Web服务的实现
2020/06/08 Python
常用的四种CSS透明属性介绍
2014/04/12 HTML / CSS
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
Becextech新西兰:数码单反相机和手机在线商店
2018/04/27 全球购物
Java程序员面试90题
2013/10/19 面试题
心理健康活动总结
2014/04/30 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
会计专业自荐信范文
2015/03/05 职场文书
医院消毒隔离制度
2015/08/05 职场文书