微信小程序实现列表下拉刷新上拉加载_微信小程序触底加载 - CSDN文库

183 浏览量更新于2023-05-06 评论 2 收藏 56KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

微信小程序实现列表下拉刷新上拉加载微信小程序实现列表下拉刷新上拉加载

本文实例为大家分享了微信小程序实现列表下拉刷新上拉加载的具体代码，供大家参考，具体内容如下

DEMO下载

效果图效果图

原理原理

利用微信小程序的onPullDownRefresh函数（下拉刷新监听函数）和onReachBottom函数（上拉加载监听函数）监听页面的下

拉和上拉动态，从而对页面数据进行修改！

页面配置页面配置JSON

enablePullDownRefresh：开启下拉刷新；

onReachBottomDistance：页面上拉触底事件触发时距页面底部距离，单位为px。

{

"enablePullDownRefresh": true,

"onReachBottomDistance": 50

}

WXML

<view class="tui-content">

<view class="tui-menu-list" wx:for="{{dataList}}">Item -- {{item}}</view>

</view>

JS

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38557670

粉丝: 3
资源: 903

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈