//挂载完成时
mounted() {
document.addEventListener('visibilitychange', this.handleVisiable)
},
//页面销毁
destroyed() {
document.removeEventListener('visibilitychange', this.handleVisiable)
},
methods: {
handleVisiable(e) {
switch(e.target.visibilityState) {
case 'prerender':
console.log('网页预渲染,内容不可见')
break;
case 'hidden':
console.log('内容不可见,处理后台、最小化、锁屏状态')
alert('警告!你已经离开当前答题页面');
break;
case 'visible':
console.log('处于正常打开')
break;
}
}
}
vue 监听离开当前页面
最新推荐文章于 2023-11-08 09:52:56 发布