<van-pull-refresh v-model="isLoading" pulling-text="下拉刷新" loosing-text="正在刷新" loading-text="正在刷新"
success-text="刷新成功" @refresh="onRefresh">
<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" :immediate-check="false">
</van-list>
</van-pull-refresh>
data() {
return {
isLoading: false,
loading: false,
finished: false,
refreshing: false,
isFixeds: false,
pageIndex: 1,
pageSize: 10,
all_List: [],
}
},
methods:{
onLoad() {
this.loading = true;
if(this.all_List.length==0){
this.pageIndex = 1;
}
if(this.all_List.length<this.total&&this.all_List.length!=0){
this.pageIndex++;
this.searchList();
}else{
this.finished = true;
this.loading = false;
}
},
onRefresh() {
this.pageIndex = 1;
setTimeout(() => {
this.all_List = [];
this.searchList();
this.finished = false;
this.isLoading = false;
}, 1000);
},
async searchList() {
try {
const params = {
};
const data = await reqGoodsListBy(params);
this.all_List=this.all_List.concat(data.data.list);
this.loading = false;
this.finished = data.data.list.length < this.pageSize;
this.IsHide = false;
} catch (error) {
console.log(error);
}
},
}