uniapp下拉菜单,uniapp自定义下拉效果
Uni开启下拉法:1。在pages.json中打开下拉刷新;2.每次取出数组时,都要将一组额外的数据放入数组中,并使用诸如“onReachBottom () {let that=this.}".
UNI-APP开发(仿饿)开发课程:进入学习
本教程运行环境:windows7系统,Uni-App版本2.5.1,Dell G3电脑。
推荐(免费):uni-app开发教程
uniapp实现上拉加载和下拉刷新
下拉刷新onPullDownRefresh
您需要首先在pages.json中打开下拉刷新。
//在pages.json中找到需要打开的页面,按样式输入
EnablePullDownRefresh: true,开启下拉刷新后,下拉动画会出现在下拉对应的页面上,但动画不会自动关闭,所以会手动关闭。
onPullDownRefresh () {
//刷新初始化数据
this.size=10
这个. current=1
//调用获取数据的函数
this.getData()
//关闭刷新动画
setTimeout(function () {
uni.stopPullDownRefresh()
}, 1000)
},上拉加载 onReachBottom
每次拉起时,都要向数组中多放一组数据。
常量大小=10
data(){
返回{
尺码:10,
当前:1
}
}
//拉起加载功能
onReachBottom(){
让那个=这个
//每次上拉都比上一次多加载十个数据。
大小=大小
setTimeout(()={
that.getData()
},1000)
}以上是uniapp如何打开上下的详细内容。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。