微信小程序的上拉刷新与下拉刷新
效果图如下： 上拉刷新 与 下拉刷新
代码如下：
joked.wxml
<scroll-view class="scroll" scroll-y refresher-enabled refresher-default-style="white" bindrefresherrefresh="onRefresh" refresher-triggered="{{isRefreshing}}" bindscrolltolower="getmoreData">
<view class="item" wx:for="{{jokeList}}" wx:key="*this">
{{item}}
</view>
</scroll-view>
##解释代码如下：
refresher-enabled: 开启自定义下拉刷新
refresher-default-style="white": (string) 设置自定义下拉刷新默认样式，支持设置 black | white | none， none 表示不使用默认样式
bindrefresherrefresh="onRefresh":(eventhandle) 自定义下拉刷新被触发
refresher-triggered="{{isRefreshing}}":(boolean) 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发
bindscrolltolower="getmoreData":(eventhandle) 滚动到底部/右边时触发
joked.ts
原文地址：https://blog.csdn.net/H1453571548/article/details/143439997
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！