Vue中监听页面关闭事件

669 阅读1分钟

今天写代码时,需要在关闭页面时,跳出提示

image.png

添加一个beforeunload事件就可以做到 页面关闭时,会先执行onbeforeunload 事件,再执行onunload事件。

function beforeunloadHandler(){
  let callback = (e) => {
      e.returnValue = '确定要离开吗';
      e.preventDefault();
      //return一个值,浏览器就会有弹框弹出
    return e.returnValue
    window.addEventListener('beforeunload', callback);
}

}
beforeunloadHandler()