这篇文章主要介绍“小程序怎么实现上拉加载scroll-view组件”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“小程序怎么实现上拉加载scroll-view组件”文章能帮助大家解决问题。
根据官方文档得知，scroll-view就是里面内容有各种滑动触发事件的p容器，比如滚动条滚动、触底、触顶着三个事件。
其中的三个属性 scroll-top：设置滚动条的位置
，scroll-y：是否允许竖向滑动，height:是组件的高度
Bindscrolltolower是绑定触底触发的事件
Bindscroll 是滚动触发的时间
Bindscrolltoupp免费云主机域名er 触顶触发的事件,由于是触顶触发事件，所以不合适用来当做下拉刷新
一般来说 对于组件的属性，都是通过JS来动态控制的。
这里面可以加一些loading 组件 和 需要遍历的数据
这里面我们要用到的就是 Bindscrolltolower 事件 来实现我们的 上拉加载。
下面我们来说说如何实现：
首先我们需要把 page 页码设置为全局变量 let page
然后再 bindDownLoad 函数里面进行 page++ 的赋值
bindDownLoad：function(){
page++
wx.request({
//这里面的东西就不详细说了 大家应该能在API中找到
主要说一下 在我们成功的获取到data 的时候 需要我们在success 成功回调里面去动态的push 我们所获取到的新的
data 然后 setData 给我们 的dataList 这样就不会出现每次加载完成都是新数据而旧数据被销毁的情况。
还有一点需要注意的就是当数据获取到最后一条数据以后 需要 进行一个if 判断 或者 switch 判断
})
}关于“小程序怎么实现上拉加载scroll-view组件”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注百云主机行业资讯频道，小编每天都会为大家更新不同的知识点。
这篇文章给大家分享的是有关JavaScript如何显示所有链接的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。显示所有链接把如下代码加入感谢各位的阅读！关于“JavaScript如何显示所有链接”这篇文章就分享到这里了，希望以上内容可…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
