H5监听移动端的showhide事件

data () {
    return {
        hiddenProperty: null, // document
        visibilityChangeEvent: null
    }
},
mounted () {
      let hiddenProperty = 'hidden' in document ? 'hidden'
        : 'webkitHidden' in document ? 'webkitHidden'
          : 'mozHidden' in document ? 'mozHidden'
            : null
      this.hiddenProperty = hiddenProperty
      this.visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange')
      document.addEventListener(this.visibilityChangeEvent, this.onVisibilityChange)
},
methods: {
    onVisibilityChange () {
        if (!document[this.hiddenProperty]) {
          this.$toast('页面非激活')
        } else {
          this.$toast('页面激活')
        }
    },
}

以上代码是监听移动端的退出进入页面的逻辑，如果有相应需求可以借鉴下

MDN: https://developer.mozilla.org/zh-CN/docs/Web/API/Document/hidden