uni-app 小程序實現下拉刷新

1. 配置

page.json 裏面配置該頁面enablePullDownRefresh 爲true。

2. 實現

頁面裏面增加onPullDownRefresh 函數，監聽該頁面用戶下拉刷新事件。·

 onPullDownRefresh() {
       uni.request({
                url:''
                success: (res) => {

                }
            })
        
    }

本以爲這樣就大功告成了！在手機端一試，下拉刷新頂部的三個點一直不消失，始終都在刷新，是不是需要手動停止刷新？一看API，果然：

所以還得有最後一步。

3. 停止下拉刷新：stopPullDownRefresh

 onPullDownRefresh() {
       uni.request({
                url:''
                success: (res) => {
                    uni.stopPullDownRefresh()
                }
            })
        
    }