H5上拉刷新加载更多

created() {
    
    
    window.addEventListener("scroll", this.onScroll);   // 监听滚动事件
}

destroyed() {
    
    
    window.removeEventListener("scroll", this.onScroll);   // 取消监听滚动事件
  }

// 滚动到底部
onScroll() {
    
    
   let innerHeight = document.querySelector("#app").clientHeight ||        document.body.offsetHeight;
   let outerHeight = document.documentElement.clientHeight || window.screen.availHeight;
   let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
   if (outerHeight + scrollTop + 50 >= innerHeight && this.isScroll) {
    
    
       this.getOfficialMallOrderList();
       console.log("到底部了");
    }
}

data() {
    
    
  return {
    
    
    isScroll : true,
    loadMoreShow : false,
    list: []
  }
}


getOfficialMallOrderList() {
    
    
      this.loadMoreShow = true;
      this.isScroll = false
      getOfficialMallOrderList({
    
    
        shopId: localStorage.shopId,
        pageNo: this.queryInfo.pageNo,
        row: this.queryInfo.row
      }).then(res => {
    
    
        this.loadMoreShow = false;
        if (res.code == 1) {
    
    
          if (this.queryInfo.pageNo > 1) {
    
    
             if (res.data.length < this.queryInfo.row) {
    
    
                this.loadMoreShow = false
                this.isScroll = false
            } else {
    
    
                this.loadMoreShow = true
                this.queryInfo.pageNo ++
                this.isScroll = true
		        this.list = [...this.list, ...res.data]
            }
          } else {
    
    
            this.queryInfo.pageNo += 1;
            this.list = res.data;
            this.isScroll = true
          }
        } else if (res.code == -1) {
    
    
          if (this.pageNo == 1) {
    
    
            this.tableData = [];
            this.list = [];
          }
          this.isScroll = false
        } else if (res.code == 2) {
    
    
          this.$router.push("/");
          alert(res.msg);
        } else {
    
    
          alert(res.msg);
        }
      });
    },