js / vue：监听移动端切回桌面事件

data(){
    return{
      hiddenProperty: null,
      visibilityChangeEvent: null,
    }
}
    

mounted(){
    this.hiddenProperty = 'hidden' in document ? 'hidden' : ( 
      'webkitHidden' in document ? 'webkitHidden' : ( 
          'mozHidden' in document ? 'mozHidden' : null 
       ) 
    );
    this.visibilityChangeEvent = this.hiddenProperty.replace(/hidden/i, 'visibilitychange');
    document.addEventListener(this.visibilityChangeEvent, this.onVisibilityChange);
}

methods:{
    onVisibilityChange(){ 
      if (!document[this.hiddenProperty]) {
         console.log('页面激活'); }
      else{ 
         console.log('页面隐藏');
      } 
    },
}