uniapp下拉刷新列表上拉加载更多方案

最新推荐文章于 2024-05-21 13:29:51 发布

编程迪

最新推荐文章于 2024-05-21 13:29:51 发布

阅读量732

点赞数 6

文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/zd1007129657/article/details/135451722

版权

data() {
	return {
		pageNum: 1,
		pageSize: 10,
		pageTotal: 0, 
		listData:[],
		isFinish: false,
	};
},
onLoad(options){
	this.getList();
},
// 下拉刷新
onPullDownRefresh(){
	this.pageNum = 0
	this.getList();
},
// 上拉加载
onReachBottom(){
	this.pageNum++;
	this.getList();
},
methods: {
	async getList() {
		uni.showLoading({
			title: '加载中'
		});
		const params = {
			page: this.pageNum,
			pageSize: this.pageSize,
		}
		var res = await GetRecommendGoods(params);
		uni.hideLoading();  
		if(res.code === "Success"){
			this.listData = res.data;
			this.pageTotal = res.totalCount;
			if(this.pageTotal < this.pageNum*this.pageSize){
				this.isFinish = true;
			}
		}
	},
	goDetail(item){
		uni.navigateTo({
			url: '/pages/client/shop/product?goodsId='+item.goodsId
		})
	},
}