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
		},
相关推荐
lhldsg2 小时前
相册印刷实战指南:从设计规范到系统落地全流程解析
java·小程序·架构·设计规范
汤姆yu3 小时前
基于微信小程序的晚托机构管理系统
微信小程序·小程序·晚托
博、、3 小时前
酒馆预约系统开发实战:从需求分析到上线部署指南
小程序·需求分析
zww89491113 小时前
相册印刷项目实战指南:从设计到成品的完整技术流程
java·小程序·eclipse
2501_915918414 小时前
Flutter项目配置iOS混淆的详细步骤与工具推荐
android·flutter·ios·小程序·uni-app·cocoa·iphone
梦曦i4 小时前
create-uni-app v1.2.0:交互体验优化
前端·uni-app
这是程序猿5 小时前
高校宿舍信息管理系统小程序
java·小程序·毕业设计
凡泰AI5 小时前
如何通过小程序多端框架,让一个小程序同时运行在iOS、安卓、鸿蒙和微信客户端,实现开发层面的降本增效
android·ios·微信小程序·小程序·harmonyos
博、、14 小时前
智慧场馆解决方案小程序系统:从架构设计到部署实践
小程序
lhldsg18 小时前
智慧场馆解决方案小程序开发实战:从架构设计到部署指南
java·小程序·uni-app