vue判断离开当前页面_vue项目中监听页面刷新和离开

运用的知识点：JavaScript的 onbeforeunload 函数html

使用方法vue

window.οnbefοreunlοad=function(){浏览器

return ‘’;函数

}学习

注意：有返回值(' '，true，false...均可以)才能弹出显示，或者有须要执行的事件也行。this

onload、onunload、onbeforeunload的执行问题：spa

页面加载时只执行onload.net

页面关闭时，先onbeforeunload事件，再onunload事件。code

页面刷新时先执行onbeforeunload，而后onunload，最后onload。htm

注意：这种执行顺序是有浏览器的兼容问题的，请注意各类浏览器的区别。

onbeforeunload() 和onunload() 两个事件的区别：

相同点:

二者都是在对页面的关闭或刷新事件做个操做。

不一样点：

unbeforeunload()事件执行的顺序在onunload()事件以前发生。(由于，unbeforeunload()是在页面刷新以前触发的事                          件，而onubload()是在页面关闭以后才会触发的)。

unbeforeunload()事件能够禁止onunload()事件的触发。

onunload()事件是没法阻止页面关闭的。

浏览器的兼容性不一样。

vue中监听页面刷新和离开

方法一：直接在mounted或者activated中写<