原生JS实现类似uniapp中的onshow、onhide方法

1.进入目标页面设置监听

function visibilityChangeHandler () {

      // visible-显示，hidden-隐藏

      if (document.visibilityState === 'visible') {

        // 显示的时候重新获取列表

        console.log('visible')

        this.getDataList()

      }

      if (document.visibilityState === 'hidden') {

       console.log('hidden')

      }

    }
 document.addEventListener('visibilitychange', visibilityChangeHandler)

2.离开目标页面移除监听

document.removeEventListener('visibilitychange', visibilityChangeHandler)

ps：离开当前页面的时候记得卸载，addEventListener第二个参数抽离出来单独的方法经进行使用，卸载的时候第二个是根据内存值去找的，如果直接下写函数表达式到这里，会导致根本无法卸载掉。