vant组件库之van-list

按照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中有内容，用了定位的话，发现布局错乱，就在这块内容的最外层套一层，例如：