微信小程序-下拉滚动加载数据

最新推荐文章于 2025-09-13 13:52:40 发布

原创

最新推荐文章于 2025-09-13 13:52:40 发布 · 561 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

1.实现流程图

所谓工欲善其事，必先利其器，做程序之前咱们把思路整理一下，画流程图是比较好的方式

2.前端JS 和 WXML

视图绑定 scrollToLower 方法，当离底部还有100时候触发;

WXML：

<scroll-view scroll-y lower-threshold="100" bindscrolltolower="scrollToLower" style="height: 100vh;">
    <view class="items" wx:for="{
  
  {list}}" wx:key="{
  
  {item.id}}">
        <image src="{
  
  {item.img}}"/>
        <view class="datas">
            <view class="beauty">订单金额：{
  
  {item.price}}元</view>
            <view class="times">2022-09-30</view>
        </view>
    </view>
</scroll-view>
<view class='text-style'>{
  
  {text}}</view>

datalock 等于1 时，