Vue利用visibilitychange监听页面显示和隐藏

冷子夜

于 2020-12-04 15:55:34 发布

阅读量8.4k

点赞数 5

分类专栏： # Vue # JS 大前端

本文链接：https://blog.csdn.net/qq_29180565/article/details/110651535

版权

Vue 同时被 3 个专栏收录

36 篇文章

订阅专栏

JS

34 篇文章

订阅专栏

大前端

33 篇文章

订阅专栏

mounted() {  
  document.addEventListener('visibilitychange', _this.handleVisiable)  
},  
destroyed() {  
  document.removeEventListener('visibilitychange', _this.handleVisiable)  
},  
methods: {  
  handleVisiable(e) {  
    if (e.target.visibilityState === 'visible') {  
      // 要执行的方法
    }  
}