脚本宝典收集整理的这篇文章主要介绍了uniapp如何开启上下拉,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
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如何开启上下拉的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的uniapp如何开启上下拉全部内容,希望文章能够帮你解决uniapp如何开启上下拉所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。