uniapp开启上下拉的方法：1、在pages.json中开启下拉刷新；2、在每次上拉时往数组中多扔一组数据，语句如“onReachBottom(){let that=this...}”。
本教程操作环境：windows7系统、uni-app2.5.1版本，Dell G3电脑。
推荐（免费）：uni-app开发教程
uniapp实现上拉加载和下拉刷新
下拉刷新onPullDownRefresh
需要先在pages.json中开启下拉刷新
//在pages.json中找到需要开启的页面. 在style中输入 "enablePullDownRefresh": true,
开启下拉刷新之后, 下拉对应的页面就会出现下拉的动画, 但是动画不会自动关闭, 所以手动关闭
onPullDownRefresh () {
//刷新初始化数据
this.size = 10
this.current = 1
//调用获取数据的函数
this.getData()
//关闭刷新动画
setTimeout(function () {
uni.stopPullDownRefresh()
}, 1000)
},上拉加载 onReachBottom
每次上拉时往数组中多扔一组数据
const SIZE = 10
data(){
return {
size: 10,
current: 1
}
}
//上拉加载函数
onReachBottom(){
let that = this
//每次上拉加载的数据比上一次多十个
that.size += SIZE
setTimeout(()=>{
that.getData()
},1000)
}以上就是uniapp如何开启上下拉的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
627
收藏
