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()
                }
            })
        
    }