加载中 ...
首页 > 新闻资讯 > 小程序 正文

小程序上拉加载滚动视图组件实现方法

2019-07-31 09:46:09 来源:沈阳小程序开发 作者:沈阳软件开发

根据官方文档,滚动视图是一个带有各种滑动触发事件的p容器,例如滚动,触底和触摸三个事件。

21708-1P42Q12F3123.png

其中三个属性是scroll-top:设置滚动条的位置

,scroll-y:是否允许垂直滑动,高度:是组件的高度

Bindscrolltolower是一个绑定触发事件

Bindscroll是滚动触发器的时间

由Bindscrolltoupper触发器触发的事件不适合用作下拉刷新,因为它是一个顶触事件。

通常,组件的属性由JS动态控制。

这可以添加一些需要遍历的加载组件和数据

我们需要在这里使用的是Bindscrolltolower事件来实现我们的上拉加载。

在这里我们谈谈如何实现:

首先,我们需要将页面页码设置为全局变量let page

然后在bindDownLoad函数中绑定页面++

bindDownLoad:函数(){

页++

Wx.request({

//其中没有任何内容。每个人都应该能够在API中找到它

主要说当我们成功获取数据时,我们需要在成功的回调中推动动态推送。我们已经获得了新的

数据然后setData到我们的dataList,这样每当沈阳加载新数据并且旧数据被销毁时它就不会出现。

另一点需要注意的是,如果数据获得最后的数据,则需要进行if或switch。

})

}

简要介绍上拉负载需要大家在机器上进行测试,祝你成功!

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。