vue h5判断页面是否进入后台

mounted() {
    document.addEventListener('visibilitychange', this.handleVisibilityChange)
},
methods: {
    handleVisibilityChange() {
      if (!document.hidden) {
        //页面从后台切回前台
        this.initDeptList()
      }
    }
}

移除监听

缓存页面

deactivated() {
    document.removeEventListener('visibilitychange', this.handleVisibilityChange)
}

非缓存页面

beforeDestroy() {
    document.removeEventListener('visibilitychange', this.handleVisibilityChange)
}