vue监听页面显示或隐藏
【代码】vue监听页面显示或隐藏。
·
需求:浏览器上方标签每次切入首页的时候重新请求一下订单列表,显示订单最新状态
methods: {
visiableChange(e) {
switch(e.target.visibilityState) {
case 'hidden':
console.log('页面隐藏或者最小化')
break;
case 'visible':
console.log('页面显示')
// 请求列表操作
break;
}
}
}
mounted() {
document.addEventListener('visibilitychange', this.visiableChange)
},
destroyed() {
document.removeEventListener('visibilitychange', this.visiableChange)
},
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)