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 分钟前
uniapp App平台 真机运行
uni-app
愚者Pro2 小时前
Flutter Widget组件学习(专为 Uniapp 转 Flutter 定制)
vue.js·学习·flutter·uni-app
程序鉴定师8 小时前
深圳小程序公司推荐 助力企业数字化转型优质服务商
大数据·小程序
用户85748243548011 小时前
useList 通用列表管理hook
vue.js·微信小程序
陪小甜甜赏月12 小时前
微信小程序分享onShareAppMessage
前端·微信小程序·小程序
weikecms14 小时前
本地生活 CPS 返利小程序搭建,支持外卖 + 出行 + 加油 + 酒店
小程序·生活
ZC跨境爬虫1 天前
模块化烹饪小程序开发日记 Day7:(菜谱详情接口开发与JSON数据读取全流程)
前端·javascript·css·ui·微信小程序·json
AI砖家1 天前
微信小程序包体积优化与分包实战:从2M困境到优雅突破
微信小程序·小程序·notepad++·分包·小程序体积压缩
粉末的沉淀1 天前
uniapp:带参数回到上一页
uni-app
华玥作者1 天前
从“碎片化”到“资产化”:Vue3 + UniApp 组件库的进化论
ui·uni-app·vue·组件库