h5监听页面进入后台

方法：

export const pageChangeShowHide = function(){
    let hidden,state,visibilityChange;
    if(typeof document.hidden !== 'undefined'){
        hidden = 'hidden';
        state = 'visibilityState';
        visibilityChange = 'visibilitychange';
    }else if(typeof document.mozHidden !== 'undefined'){
        hidden = 'mozHidden';
        state = 'mozvisibilityState';
        visibilityChange = 'mozvisibilitychange';
    }else if(typeof document.msHidden !== 'undefined'){
        hidden = 'msHidden';
        state = 'msvisibilityState';
        visibilityChange = 'msvisibilitychange';
    }else if(typeof document.webkitHidden !== 'undefined'){
        hidden = 'webkitHidden';
        state = 'webkitvisibilityState';
        visibilityChange = 'webkitvisibilitychange';
    }
    return { hidden,state,visibilityChange }
}

页面中使用：

this.$nextTick(() => {
    let { hidden, state, visibilityChange } = common.pageChangeShowHide()
    document.addEventListener(visibilityChange, ()=> {
        // 页面变为可见时触发 
        if (document[state] == 'visible') {
            this.memberdayActivityInfo()
        }
    });
})