vue如何在用户要关闭当前网页时弹出提示的实现
更新时间：2020年05月31日 14:49:22 作者：晴天有点孤单
这篇文章主要介绍了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关闭当前网页时弹出提示内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了VUE实现时间轴播放组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了Vue项目部署到IIS后，刷新报错404,这里需要用到URL重写工具 --URL Rewrite，需要的话需要自己下载安装，本文通过图文并茂的形式给大家介绍的非常详细，需要的朋友可以参考下2022-10-10
vue使用vue-video-player无法播放本地视频的问题及解决
这篇文章主要介绍了vue使用vue-video-player无法播放本地视频的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了Vue3-pinia状态管理,pinia是 vue3 新的状态管理工具，简单来说相当于之前 vuex，它去掉了 Mutations 但是也是支持 vue2 的，需要的朋友可以参考下2022-08-08
这篇文章主要为大家详细介绍了vue使用echarts图表的详细方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
本篇文章主要介绍了vuex学习之Actions的用法详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了使用jenkins一键打包发布vue项目的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
这篇文章主要介绍了使用vue.js实现checkbox的全选和多个的删除功能,需要的朋友可以参考下2017-02-02
本文将从零实现一个Drawer抽屉组件，组件用 vue2 语法写的，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
解决antd datepicker 获取时间默认少8个小时的问题
这篇文章主要介绍了解决antd datepicker 获取时间默认少8个小时的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
最新评论