uni-app 上拉加载更多

最新推荐文章于 2025-09-20 11:05:27 发布

原创最新推荐文章于 2025-09-20 11:05:27 发布 · 306 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

uni-app 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种在移动端应用中实现上拉加载更多数据的方法。通过监听滚动事件并在触底时发送请求获取新数据，使用concat方法更新列表。文中展示了具体的JavaScript代码实现细节。

onReachBottom

		//上拉
		onReachBottom() {
			console.log("上拉")
			this.page=++this.page
			
			uni.request({
				url: `${this.$api}/search/list?qq=40699904&keywords=${this.keywords}&page=${this.page}&pageSize=${this.pageSize}`,
				method: 'POST',
				data: {},
				success: res => {
					if (res.statusCode === 200) {
						this.data=this.data.concat(res.data.data.rows)  //数组拼接
					}
				},
				fail: err => {},
				complete: () => {}
			})
		}