uniapp微信小程序触底加载(超简单)

你在哪个页面需要就给他在page.json里面填写以下代码,表示距离底部还有50px就触发

1.page.json添加以下代码

javascript 复制代码
	"onReachBottonDistance":50  

这是文档链接 页面 | uni-app官网 (dcloud.net.cn)

2. 页面中写以下代码

javascript 复制代码
	onReachBottom(e) {
			console.log("举例底部50px就触发");
		},

3.完整代码

a.我是使用uview的加载按钮
1.page.json
javascript 复制代码
	"onReachBottonDistance":50  
2.页面添加以下代码
javascript 复制代码
	<u-loading-icon text="加载中" textSize="15" size="15" :show="show"></u-loading-icon>
javascript 复制代码
模板上写   show: false,
javascript 复制代码
onReachBottom(e) {
				this.show = true
		},
相关推荐
DK185838322525 小时前
知识付费会员小程序/付费圈子系统——课程兑换码+会员体系完整实战,开源运营级方案
小程序·uni-app·开源·php
杰建云16715 小时前
微信小程序自制全流程实测与避坑指南
微信小程序·小程序
小羊Yveesss16 小时前
2026年商城小程序需要多少成本?
小程序
智慧景区与市集主理人17 小时前
巨有科技市集小程序精准匹配摊主与业态,解锁市集增收新可能
科技·小程序
kyh100338112017 小时前
微信小程序 聚合摇骰喝酒工具 完整实现(含源码)
微信小程序·小程序·摇骰子小游戏
博客zhu虎康18 小时前
小程序按钮实现先表单校验再走手机号获取功能
android·javascript·小程序
Greg_Zhong18 小时前
微信小程序中实现自定义圆形进度条
微信小程序·自定义圆形进度条
万象资讯18 小时前
2026实测|订货小程序哪个平台支持快速部署?
小程序
码云社区18 小时前
JAVA同城上门做饭系统家政上门同城服务系统源码小程序+APP+公众号+h5
java·开发语言·小程序
好赞科技18 小时前
2026年五大精选微信小程序,革新效率体验提升智能生活品质
大数据·微信小程序