vue中实现监听滚动事件的方法

JS部分

    mounted() {
      window.addEventListener('scroll', this.scrollEvent,false)
    },
    methods: {
      scrollEvent() {
        // scrollHeight（文档内容实际高度，包括超出视窗的溢出部分）、
        // scrollTop（滚动条滚动距离）、
        // clientHeight（窗口可视范围高度）。
        const clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
        // 设备屏幕高度
        const scrollTop = window.pageYOffset; // div 到头部的距离
        const scrollHeight = document.body.scrollHeight; // 滚动条的总高度
        //滚动条到底部的条件
        if (scrollTop + clientHeight == scrollHeight) {
          // div 到头部的距离 + 屏幕高度 = 可滚动的总高度
        }
      }
   }