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
		},
相关推荐
阿祖zu7 小时前
训练师 Agent 小程序产品上线啦
微信小程序·llm·agent
Rooting++10 小时前
小程序{{ }}和vue{{ }}语法的区别
前端·vue.js·小程序
博、、14 小时前
折扣卡CPS系统源码实战开发指南:从架构设计到落地部署全解析
小程序·需求分析
bug总结14 小时前
uniapp的easycom自动组件注册机制
uni-app
HF_code16 小时前
uniapp-history路由深度指南
uni-app
lhldsg17 小时前
折扣卡CPS小程序定制全流程实战指南:从需求分析到上线部署
java·前端·小程序
suliqiang17 小时前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode
weixin_493503671 天前
商会小程序附件上传:分片上传 + OSS 直传完整实现(Vue3 + 阿里云 OSS 实战)
阿里云·小程序·云计算
优度网1 天前
微信小程序主体变更公证书线上办理流程与业务交接风险规避方法浅析(2026)
小程序
ynchyong1 天前
微信小程序启动顺序遇到的一个坑
前端·微信小程序