Vue监听浏览器刷新,弹出确认框确认继续执行刷新,取消不执行

鳕鱼33

于 2021-06-30 15:56:04 发布

阅读量2.2k

点赞数

分类专栏： vue js html 文章标签： vue

本文链接：https://blog.csdn.net/weixin_39388536/article/details/114013572

版权

vue 同时被 3 个专栏收录

12 篇文章

订阅专栏

html

10 篇文章

订阅专栏

6 篇文章

订阅专栏

mounted(){
	window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
},
destroyed () {
    window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
},
methods:{
	beforeunloadHandler (e) {
      window.confirm('刷新後当前页面的数据會丟失，确定要刷新？')
      e = e || window.event
      if (e) {
        e.returnValue = '关闭提示'
      }
      return '关闭提示'
    } 
}