微信小程序上拉加载更多,每次加载固定的数据量!

Question

<block class="load_more" wx:for="{{more_data}}" wx:key="item">

                <li>
                    <view class="item">
                        <view class="item-img">
                            <image src="{{item.more_img}}"></image>
                            <view class="coupon">券:{{item.more_coupon}}</view>
                        </view>
                    </view>
                    <view class="item-info">
                        <view class="text">{{item.more_text}}</view>
                        <view class="price-warp">
                            <view class="now-price"><i class="iconfont icon-rmb"></i>{{item.more_bPrice}}</view>
                            <view class="before-price"><i>券后:{{item.more_nPrice}}</i></view>
                            <view class="sales">销量:{{item.more_sales}}</view>
                        </view>
                    </view>
                </li>
            </block>

小程序上拉加载更多

我想每次加载的时候,都只加载10组more_data数据渲染到上述的元素元素中去! 不想一次性全部加载完!

应该怎么做?

Answer 1

你的 {{more_data}}是个什么数据？

上拉加载的思想无非是，触发上拉加载 -> 从后台返回你需要的10组数据 -> 增加到当前的data列表中。

每次上拉加载从后台返回需要的数据量就行了呀？

Answer 2

需要后台配合，让后台对数据进行分页处理，接口参数传你需要第几页，一页几条数据就可以。页面滚动到底部的时候，pageNo ++ 就可以啦。