前端判断页面是否加载完成后，执行事件

今天就碰到一个问题，页面很长，并且有点击滑动的效果，这个时候用this.$nextTick,它可能就会遇到页面未加载完成就开始执行了，就不能满足页面完全加载完才执行
这个时候就可以通过定时器来判断document.readyState的状态来执行事件

  mounted() {
    
      this.$nextTick(() => {
      
      });
    },

var _this = this
var timer = setInterval(function () {
    // 判断文档和所有子资源(图片、音视频等)已完成加载
    if (document.readyState === 'complete') {
        //执行方法
        _this.fn()
        window.clearInterval(timer)
    }
}, 1000)
这个里面要注意this的问题

document.readyState的MDN文档可以参考一下https://developer.mozilla.org/zh-CN/docs/Web/API/Document/readyState