【uniApp】实现列表下拉触底加载更多功能
创始人
2025-01-07 03:36:27
0次
 	 		 			 				

{{el.warntime}}   {{el.warninfo}}

export default { 	data() { 		return { 			params: { 				pageNum: 1, // 页码 				pageSize: 10 // 条数 			}, 			listData: [], // 当前页列表数据 			// 下拉加载 			allListCount: 0, // 列表总数 			allListData: [], // 列表所有数据 			scrollViewH: 0, // 列表滚动区域 			showLoadMore: false, 			loadStatus: "more", 			contentText: { 				contentdown: '查看更多', 				contentrefresh: '加载中……', 				contentnomore: '已全部加载' 			} 		} 	}, 	onLoad() { 		this.getScrollHeight() 		this.getList() 	}, 	methods: { 		// 获取屏幕高度 		getScrollHeight() { 			let self = this; 				uni.getSystemInfo({ 					success(res) { 						self.scrollViewH = res.windowHeight - 120; // 120为页面中我查询条件高度,根据实现情况调整 					} 				}); 		}, 		// 滚动到底部显示加载状态 		onReachLower(){ 			this.showLoadMore = true 			if(this.listData.length >= this.allListCount){ 				this.loadStatus = "noMore" 			}else{ 				this.loadStatus = "loading" 				setTimeout(()=>{ 					this.params.pageNum ++; 					this.loadMore(); 				}, 1000)	 			}		 		}, 		// 根据接口获取列表数据,此处为后端分页,可根据实际情况改为前端分页 		getList() { 			this.$api.getDataByAjax(url, 'GET', this.params).then((res)=>{ 				if (res.code === 200 && res.data) { 					this.allListCount = res.data.count 					this.listData = res.data 				} 			}) 		}, 		// 加载更多 		loadMore(){ 			this.$api.getDataByAjax(url, 'GET', this.params).then((res)=>{ 				if (res.code === 200 && res.data) { 					this.listData = this.listData.concat(res.data); // 合并下一页数据 				} 			}) 		}, 	} } 

相关内容

热门资讯

微扑克总结!德扑之星能开挂透视... 微扑克总结!德扑之星能开挂透视吗(辅助),总是真的有辅助工具是一款可以让一直输的玩家,快速成为一个“...
WePoKer必备!德扑之星是... 您好,德扑之星是不是有人用挂这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多...
aapoker必备!wepok... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
菠萝智星德州普及!WePoKe... 菠萝智星德州普及!WePoKer辅助挂怎么下载(透视挂),好像有透视挂脚本是一款可以让一直输的玩家,...
WePoKer揭露!wepok... 您好,wepoker辅助工具好用吗这款游戏可以开挂的,确实是有挂的,需要了解加微【485275054...
德扑之星总结!wepoker有... 很多人使用云端 AI 时,都担心wepoker有挂吗作弊、内部资料上传带来隐私风险。这款本地运行的 ...
红龙PoKer解谜!安卓wep... 您好:安卓wepoker德州透视挂下载这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会...
wpk分享!wepokerpu... wpk分享!wepokerpus透视挂是真的假的(辅助器),素来真的有辅助器神器是一款可以让一直输的...
aapoker总结!wepok... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
微扑克曝光!runit德州透视... 微扑克曝光!runit德州透视软件辅助挂(开挂),一向有开挂插件是一款可以让一直输的玩家,快速成为一...