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
		},
相关推荐
闹小艾6 小时前
舞蹈教培机构小程序零基础制作开发全流程教程
大数据·小程序
KYYXG7 小时前
2026年宁夏小程序定制开发公司全景评估
小程序
silvia_Anne11 小时前
微信小程序的登录与支付页面
微信小程序·小程序
无名J0kзr14 小时前
Web安全:小程序渗透测试
小程序
万岳科技系统开发15 小时前
互联网医院小程序搭建怎么做?从0开始建设完整平台
大数据·小程序
lpfasd12318 小时前
小程序审核避坑指南
小程序
Geek_Vison18 小时前
技术实践:保险健康APP引入第三方小程序实战,如何构建一个安全可控的沙箱环境~
android·安全·小程序·uni-app·mpaas
2501_9159184119 小时前
Python如何抓取HTTPS请求包的完整教程与代码示例
android·ios·小程序·https·uni-app·iphone·webview
用户5732400372320 小时前
从"陪聊机器人"变成"产品导航员"
微信小程序
2501_9160088920 小时前
全面解析常用Web前端开发工具:编辑器、调试工具、性能分析器与框架
android·前端·ios·小程序·uni-app·编辑器·iphone