vue pc scroll 滚动 触底 实现

      <div class="hh_tableBox" @scroll="handleScroll" ref="hh_tableBox">
           <div v-for='(ite,idx) in [0,0,0,0,0,0,0,0,0]'>
           </div>
      </div>

   mounted() {
        // 向页面添加股东事件
        window.addEventListener("scroll", this.handleScroll, true);
    },

    destroyed() {
        //离开这个界面之后，删除滚动事件，不然容易除bug
        window.removeEventListener("scroll", this.handleScroll);
    },

  //滚动事件
        handleScroll() {
            if (this.$refs['hh_tableBox']) {
                var scrollTop = this.$refs['hh_tableBox'].scrollTop
                // 判断滚动高度/页面高度 等于 页数 小于当前请求的 this.cont 后端的page 再去请求
                if (Number(Number((scrollTop / 450).toFixed()) + 1) > this.cont) {
                    this.load() // 去做翻页处理
                }
            }
        },