分页请求下一条数据

分页获拉取下一页数据

function loadNextPageData(self, callball) {
  if (window.IntersectionObserver) {
    const options = {
      root: null,
      threshold: 0
    }
    const handleIntersect = (entries, observer) => {
      entries.forEach(async (entry) => {
        if (entry.isIntersecting || entry.intersectionRatio || entry.isIntersecting === undefined) {
          self.requesting = true
          if (self.requesting && self.count > 0) {
            self.requesting = false
            self.pageIndex += 1
            await callball(self.pageIndex)
            self.requesting = true
          } else {
            self.isLoading = true // 不显示
            self.noMore = true // 加载到最后一页无数据了
            observer.unobserve(entry.target)
          }
        }
      })
    }
    const observer = new IntersectionObserver(handleIntersect, options)
    if (!self.isLoading) observer.observe(self.$refs.loading.$el.firstChild)
  }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值