如何通过Vue实现用户尝试关闭网页时弹出提示功能？

本文共计224个文字，预计阅读时间需要1分钟。

原文介绍Vue如何在用户尝试关闭当前网页时弹出提示的实现，分享给家人，内容如下：

效果如下：正常JS页面处理方式window.onbeforeunload=function(e) { e=e || window.event; // 兼容IE8及Firefox}

本文介绍了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关闭当前网页时弹出提示内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！