uniapp下滑分页

uniapp下滑分页获取更多

data中

    data() {
     return { 
         page: 1,
         total: 0,
         list: [], 
       };
   },

数据接口

    // 调用数据
    getList() { 
        let that = this 
         Supplier.getList({
             page: that.page,
             limit: 10, 
         }, function(res) { 
             that.list = [...that.list, ...res.data];
             that.total = res.total 
         }) 
    },

触底事件

onReachBottom() { 
     if (this.total < 10) return;
     if (this.page * 10 >= this.total) {
         return uni.showToast({
             title: "数据加载完毕!",
             icon: 'none'
         })
     }
     this.page++;
     this.getList()
 },