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 相关文章推荐
IE与FireFox的兼容性问题分析
Apr 22 Javascript
基于jquery的图片幻灯展示源码
Jul 15 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
js图片向右一张张滚动效果实例代码
Nov 23 Javascript
javascript中eval函数用法分析
Apr 25 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
Aug 20 Javascript
js获取form表单所有数据的简单方法
Aug 18 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
Mar 21 Javascript
JS库之ParticlesJS使用简介
Sep 12 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
vue element-ui实现动态面包屑导航
Dec 23 Javascript
Vue 样式切换及三元判断样式关联操作
Aug 09 Javascript
使用原生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
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
PHP统计目录中文件以及目录中目录大小的方法
2016/01/09 PHP
PHP连接MYSQL数据库实例代码
2016/01/20 PHP
phpcms配置列表页以及获得文章发布时间
2017/07/04 PHP
PHP检查文件是否存在,不存在自动创建及读取文件内容操作示例
2020/01/23 PHP
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
node.js中watch机制详解
2014/11/17 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
2015/08/28 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
2016/10/19 Javascript
详解Vue中一种简易路由传参办法
2017/09/15 Javascript
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
create-react-app构建项目慢的解决方法
2018/03/14 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
2018/03/20 Javascript
node实现爬虫的几种简易方式
2019/08/22 Javascript
Cpy和Python的效率对比
2015/03/20 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
python中redis的安装和使用
2016/12/04 Python
Python中函数参数匹配模型详解
2019/06/09 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
html5 viewport使用方法示例详解
2013/12/02 HTML / CSS
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
香港个人化生活购物网站:Ballyhoo Limited
2016/09/10 全球购物
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
ShellScript面试题一则-ShellScript编程
2014/03/05 面试题
大学生四年生活自我鉴定
2013/11/21 职场文书
学年自我鉴定
2014/01/16 职场文书
生物学学生自我评价
2014/01/17 职场文书
2015年六一儿童节活动方案
2015/05/05 职场文书
2019大学生实习报告
2019/06/21 职场文书
Java 数组内置函数toArray详解
2021/06/28 Java/Android