微信小程式-scroll-view上拉多次觸發載入事件
阿新 • • 發佈:2018-11-30
之前那篇部落格裡邊寫了滑塊的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>