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
		},
相关推荐
万岳科技系统开发1 小时前
私域直播小程序源码的整体架构设计与实现思路
学习·小程序
ee82ee2 小时前
uniapp小程序底部键盘唤起问题处理,包含间隙处理,动画处理
微信小程序
qq_12498707532 小时前
基于springboot健康养老APP的设计与实现(源码+论文+部署+安装)
java·spring boot·后端·mysql·微信小程序·毕业设计
汤姆yu3 小时前
基于微信小程序的驾校预约与学习系统
学习·小程序·驾校预约
夏源3 小时前
【微信小程序】实现引入 Echarts 并实现更新数据
微信小程序
speedoooo4 小时前
未来的App不再需要菜单栏?
前端·ui·容器·小程序·web app
猿究院_xyz4 小时前
微信小程序与echarts联动安卓真机测试出现黑色阴影
前端·javascript·微信小程序·小程序·echarts
说私域6 小时前
不同类型企业构建私域流量的必要性及定制开发AI智能名片商城小程序的应用
大数据·人工智能·小程序
雯0609~7 小时前
uni-app:防止重复提交
前端·javascript·uni-app
老华带你飞7 小时前
健身房预约|基于springboot 健身房预约小程序系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·小程序