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
		},
相关推荐
admin and root8 小时前
Claude+Trae大模型 配置Chrome MCP联动Yakit自动化渗透测试
微信小程序·渗透测试·自动化·攻防演练·ai安全·claude code·ai自动化渗透测试
织_网8 小时前
UniApp 快速集成个推推送(UniPush2.0)完整实战教程
uni-app
星星~笑笑9 小时前
vue 超简单 oss分片上传文件 大文件上传阿里云
前端·javascript·vue.js·uni-app
code_li21 小时前
小程序上线需要的资质证书汇总
小程序·上线·发布·资质
jingling5551 天前
uni-app农场地图——高德 JS API 实现全解析(天地图影像作为layers)
uni-app
hnxaoli1 天前
统信小程序(十三)循环键鼠操作程序
python·小程序
i查拉图斯特拉如是1 天前
使用workbuddy 30分钟搭建微信小程序
微信小程序·小程序
IceSugarJJ1 天前
Open-AutoGLM项目学习
语言模型·微信小程序·github
2501_916008891 天前
Mac 上生成 AppStoreInfo.plist 文件,App Store 上架
android·macos·ios·小程序·uni-app·iphone·webview
__zRainy__1 天前
uni-app 全局容器实战系列(四):全局容器动态调用设计
uni-app