小程序API：上拉加载

2021-02-18 05:18

阅读：556

标签：上拉 pre font 加载想法 item reac for -name

第一种：onReachBottom

这个事件表示：页面上拉触底会触发事件
但是这个事件有一个缺点：只能触发一次，想要触发第二次的话，就必须上拉一下

第二种：使用scroll-view组件

有一个属性：bindscrolltolower
- 这个属性表示：滚动到底部/右步会触发事件
- 但是想要使用这个属性，必须给scroll-view添加一个高度，并且这个高度小于内容的高度才会起效

scroll-view scroll-y="true" bindscrolltolower="bindMore" style="height:450px">
            view class="all-class-title">班级列表view>
            view bindtap="onChoice">
                view class="class-name all-class-title-list" wx:for="{{state.list_ten}}"
                      data-clazzName="{{item.clazzName}}" data-id="{{item.id}}">{{item.clazzName}}
                view>
                view wx:if="{{state.bottom}}">正在加载view>
            view>
scroll-view>

bindMore(){
    this.setState({bottom:true})
    //发送请求
}

在使用这个事件的时候，scroll-view还有一个属性：lower-threshold
- 表示：距离底部/右边还有多少px的时候，触发事件，没有设置这个属性的时候，默认距离50px就触发

scroll-view scroll-y="true" lower-threshold="400" bindscrolltolower="bindMore" style="height:450px">
           
scroll-view>

scroll-y：允许纵向滚动

以上仅为个人想法，如有不同见解请评论哦

小程序API：上拉加载

标签：上拉 pre font 加载想法 item reac for -name

原文地址：https://www.cnblogs.com/yang-xiao-fan/p/8343001.html

上一篇：C#发送邮件代码

下一篇：ansible自动化管理windows系统实战

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：小程序API：上拉加载
文章链接：http://soscw.com/index.php/essay/56905.html

亲，登录后才可以留言！

小程序API：上拉加载

评论

热门文章

推荐文章

最新文章

置顶文章