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
		},
相关推荐
Geek_Vison1 小时前
政务一网通APP如何引入AI能力,通过一个AI助手就能够调用所有的功能,实现对话即办事
人工智能·ai·小程序·uni-app·小程序容器
黄华SJ520it1 小时前
跨境分销小程序:全球市场新机遇
小程序·系统开发
爱分享的小诺1 小时前
微信小程序2.0人脸审核,1.0升级到2.0
微信小程序·小程序
打瞌睡的朱尤2 小时前
微信小程序(黑马)4-5
微信小程序·小程序
海兰14 小时前
【小程序】基于 AI 大语言模型驱动的中国古典诗词 Web 应用详细设计指南
人工智能·语言模型·小程序
凌奕16 小时前
微信小程序接入微信 AI:让用户"说一句话"就能下单
微信·微信小程序·agent
倒流时光三十年21 小时前
第十八章 搜索历史保存功能实现记录
spring boot·微信小程序
倒流时光三十年1 天前
第十七章 投票页面增加搜索功能
spring boot·微信小程序
狗凯之家源码网1 天前
UniApp 数藏系统源码部署与定制开发全指南
uni-app
博客zhu虎康1 天前
小程序:UGC自定义发布内容接入微信公众平台内容安全API(imgSecCheck、msgSecCheck、mediaCheckAsync)
安全·小程序·微信公众平台