1. 程式人生 > >微信小程式-scroll-view上拉多次觸發載入事件

微信小程式-scroll-view上拉多次觸發載入事件

之前那篇部落格裡邊寫了滑塊的margin屬性影響了滑動效果。這篇文章寫一下上拉時多次觸發上拉載入事件。

(改好的程式碼如下)

其實也比較簡單,就是有可能沒有意識到這個小細節。在官方文件中有這麼一個屬性(如圖)。這個屬性是設定距離底部多少距離是觸發事件。我們吧這個屬性設定成0就可以了。只有上拉到最底部才會觸發。


<scroll-view lower-threshold="0" class="scroll" scroll-y bindscrolltolower="loadMore">
    <view wx:for="{{arr}}" class='item'>
        <view class='block'></view>
        <view class='top'>
            <span class="title">狀態:</span>
            <span class="status">{{item.biz_status_name}}</span>
            <span class="date">{{item.apply_date}}</span>
        </view>
        <view class='middle'>
            <image class='img' mode="aspectFit" src='{{item.portrait_uri}}'></image>
            <view class='middle_name'>
                <span class="left">姓名</span>:
                <span class="right">{{item.name}}</span>
            </view>
            <view class='middle_name'>
                <span class="left">貨款金額</span>:
                <span class="right">{{item.topup_amount_d}}</span>
            </view>
        </view>
        <view class='bottom'>
            <span wx:if="{{type == 3}}" class="reason_title">拒絕原因:</span>
            <span wx:if="{{type == 3}}" class="reason">2222222222222</span>
            <span wx:if="{{type == 1}}" class="agree" data-member="{{item.member_id}}" data-id="{{item.biz_id}}" bindtap="agree">同意</span>
            <span wx:if="{{type == 1}}" class="refuse" data-member="{{item.member_id}}" data-id="{{item.biz_id}}" bindtap="refuse">拒絕</span>

        </view>
    </view>
</scroll-view>