uniapp 上拉加载更多2种方式

上拉加载更多，方式一：

在pages.json 页面配置style。

然后在页面

onReachBottom（）｛

console.log('onReachBottom')

｝

上拉加载更多，方式一：

//在scroll-view中 lower-threshold='50' @scrolltolower="scrolltolower"

            
                车旅荟 
            
            
                
                                             :class="'tabItem'+(currentIndex==index?' thisOpenSelect':'')"
                        :style="isEqually? 'width:'+windowWidth/values.length+'px;line-heiht:54rpx;':''"
                        v-for="(item,index) in orderType" 
                        :id="'item'+index"
                        :key='index' 
                        @click="_onClick(index,item)">
                        {{item.name}}
                        
                        
                    
                
            
                
                     
                         
                             
                                     

{{data.beginCityName}}

{{data.endCityName}}

                             
                             
                                 

待付款

                                

待取车

                                 

运输中

                                 

已送达

                                 

待评价

                             
                         
                         
                             
                                 

车辆信息:{{(data.modelsname==null || data.modelsname=='')?data.brandname:data.modelsname}}

                                 

车辆数量:{{data.qty}}辆

                                 

取车日期: {{data.pickcardate}}

                                 

送车日期: {{data.sendcardate}}

                             
                             
                                 

￥{{data.totalprice}}

                                 

立即支付

                                 

订单追踪

                                 

评价

                                 

订单详情

                             
                         
                         
                
                 
                    

没有更多了!

                
        

data(){

return{

dataList:[],

isLoadMore:false,  //是否加载中

query: {
                    size: this.$util.pageSize(), //每页显示条数
                    current: 1,//当前页
                    ascs: null,//升序字段
                    descs:"CREATE_TIME" //倒序字段
                },

}

}

onLoad:{

this.loadPage();

}

methods:{

//上拉触底函数
            scrolltolower(){
                if(this.isLoadMore){  //此处判断，上锁，防止重复请求
                    this.isLoadMore=true
                    this.query.current+=1
                    this.loadPage()
                }
            },

loadPage(orderstatus){
                //加载列表数
                uni.showLoading({
                    title: '加载中'
                });
                let url= "/yw/YwCarinfo/page";
                this.$api.loadPage(url,this.query,{
                    "orderstatus":orderstatus,
                    "t":Math.random()
                }).then((res) => {
                    uni.hideLoading();
                    console.log("loadPage")
                    console.log(res)
                    // this.dataList = res.data.data.records
                    this.dataList=this.dataList.concat(res.data.data.records)
                    console.log(res.data.data.current,'当前页')
                    if(res.data.data.current                           this.isLoadMore=true  
                    }else{
                          this.isLoadMore=false
                    }
                }).catch((err) => {
                    uni.hideLoading();
                    console.log(err)
                })
            },

}

 

 

//参考文章

https://www.cnblogs.com/huihuihero/p/13206958.html