按照vant官网引入
<template>
/* 如果初始化不加载,就要设置默认不检查滚动条位置*/
<van-list v-model="loading" :finished="finished" finished-text="没有更多了" :immediate-check="false" @load="loadMore">
</template>
<script>
export default{
data(){
return{
defaultData:3;
allData:[],//获取到的所有的数据
loading:false,//加载状态
finished:false,//是否加载完成
}
},
methods:{
setTimeout(()=>{
for(var i=0;i<5;i++){//每次加载五个数据
this.dafault++;
}
this.loading=false;//加载状态结束否
if(this.defaultData>=this.allData.length){
this.finished=true;//数据加载完成
}
},500)
}
}
</script>
如果van-list中有内容,用了定位的话,发现布局错乱,就在这块内容的最外层套一层,例如:
<van-list> <div></div> </van-list>