vue的pc端滚动加载分页

<div ref='myScrollbar'></div
 handleScroll(){
      if (this.timerLoadMore) {
        clearTimeout(this.timerLoadMore)
      }
      if(this.loading){
        return false
      }
      this.timerLoadMore = setTimeout(() => { // 防抖操作
        let sh = this.$refs['myScrollbar'].scrollHeight // 滚动条高度
        let st = this.$refs['myScrollbar'].scrollTop // 滚动条距离顶部的距离
        let ch = this.$refs['myScrollbar'].clientHeight // 滚动条外容器的高度
        if (st + ch >= sh) {
          //到底了-业务逻辑
          this.params.pageIndex += 1
          if (this.params.pageIndex <= this.totalPage) {
            this.moreData()
          }
        }
      },300)
    },