一:
- 配置需要下拉刷新的页面的json文件
"enablePullDownRefresh": true,
- 函数
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
console.log('onPullDownRefresh')
// 相关代码
wx.stopPullDownRefresh({// 下拉复位
success: (res) => {},
})
},
二:onPullDownRefresh对scroll-view元素不起作用
针对scroll-view 可以绑定bindrefresherrefresh 事件。
同时需要设置refresher-triggered = '{{inRefresh}}'
刷新函数中将inRefresh设置为false可以让下拉复位
<scroll-view scroll-y='true'
refresher-enabled = 'true'
bindrefresherrefresh = 'refresh'
refresher-triggered = '{{inRefresh}}'
bindscrolltolower='loadMore'
class="section-box">
refresh(){
console.log('refresh')
this.setData({
inRefresh: false
})
},