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 相关文章推荐
Javascript 获取链接(url)参数的方法[正则与截取字符串]
Feb 09 Javascript
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
Node.js开发之访问Redis数据库教程
Jan 14 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 Javascript
简单分析javascript中的函数
Sep 10 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 Javascript
js+html获取系统当前时间
Nov 10 Javascript
自定义vue组件发布到npm的方法
May 09 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
Aug 12 Javascript
vue+element 实现商城主题开发的示例代码
Mar 26 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
PHP 清空varnish 缓存的详解(包括指定站点下的)
2013/06/20 PHP
PHP框架自动加载类文件原理详解
2017/06/06 PHP
Yii2.0 RESTful API 基础配置教程详解
2018/12/26 PHP
javascript完美拖拽的实现方法
2013/09/29 Javascript
jQuery实现切换字体大小的方法
2015/03/10 Javascript
JavaScript转换与解析JSON方法实例详解
2015/11/24 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
2016/02/17 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
jQuery实现复制到粘贴板功能
2017/02/11 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
2017/04/07 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
Python文件夹与文件的操作实现代码
2014/07/13 Python
python3.6+opencv3.4实现鼠标交互查看图片像素
2018/02/26 Python
python如何为被装饰的函数保留元数据
2018/03/21 Python
Python单元测试实例详解
2018/05/25 Python
python多进程控制学习小结
2018/10/31 Python
matplotlib教程——强大的python作图工具库
2020/10/15 Python
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
基本款天堂:Everlane
2017/05/13 全球购物
美国最大的无人机经销商:DroneNerds
2018/03/20 全球购物
linux面试题参考答案(10)
2016/10/26 面试题
不假外出检讨书
2014/01/27 职场文书
点菜员岗位职责范本
2014/02/14 职场文书
《唯一的听众》教学反思
2014/02/20 职场文书
建房协议书
2014/04/11 职场文书
2014年学习部工作总结
2014/11/12 职场文书
2015年上半年信访工作总结
2015/03/30 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python
vue的项目如何打包上线
2022/04/13 Vue.js