• Vant中List列表下拉加载更多


    van-list上只有一层父级元素div,多了可能下拉加载出不来;或者更多

    <template>
        <div class="scholl-declarepage">
    	
            <van-list
                v-model="loading"
                :finished="finished"
                finished-text="没有更多了"
                @load="onLoad"
                :immediate-check="cheack"
                >
    			
                    <swipe-cell
                    custom
                    class="bootom-having-border"
                    :isEdit="isEdit"
                    v-for="(item,index) in listAchool" :key="index"
                    @edit="detior(item)"
                    @remove="delItem(item)"
                    >
                        <scholl-list-com :listObj="item" @gotodetails="gotodetails(item)"></scholl-list-com>
                    </swipe-cell>
                </van-list>  
        </div>
    </template>
    
    
    loading: false,
    finished: false,
     cheack:true,
    
    paramsList:{
    	orgId: "",
    	pageIndex: 0,
    	pageSize: 10 
    },
    listAchool:[],
    
    
     onLoad(){
    	this.paramsList.pageIndex+=1;
    	 this.schoolListContApi();//列表渲染
    },
    			
       schoolListContApi(){
                    this.paramsList.orgId=this.userInfo.orgId,
                    schoolListCont(this.paramsList).then(res=>{
                        console.log(res);
                        if(res.success==true){
    						
                            this.loading = false;// 这一次的加载状态结束 
                            this.listAchool=this.listAchool.concat(res.data); 
                           
                           if(res.data.length==0 || this.listAchool.length>=res.totalDatas){
                                this.finished = true;//所有的数据已经全部加载完了
                            }else{
                                this.finished = false;
                            }
                        }else{
                            this.finished = false;
                        }
                    
                    })
                },	
    				
    				
    				
     // 删除请求
    commendDelApi(item){
    	let params={
    		id:item.id
    	}
    	schoolDelCont(params).then(res=>{
    		if(res.success==true){
    			this.paramsList.pageIndex=1;//重新赋值
    			this.listAchool=[];
    			this.schoolListContApi();
    		}   
    	})
    },
    
  • 相关阅读:
    BZOJ-4008: [HNOI2015]亚瑟王 (概率期望DP)
    BZOJ-4832: [Lydsy2017年4月月赛]抵制克苏恩 (概率期望DP)
    BZOJ-1415: [Noi2005]聪聪和可可 (期望DP)
    BZOJ2425 [HAOI2010]计数
    BZOJ2424 [HAOI2010]订货
    BZOJ2423 [HAOI2010]最长公共子序列
    BZOJ2299 [HAOI2011]向量
    BZOJ2298 [HAOI2011]problem a
    BZOJ1040 [ZJOI2008]骑士
    BZOJ一天提交(AC) 51纪念
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/13447825.html
Copyright © 2020-2023  润新知