美文网首页Vue让前端飞
uni-app 小程序实现下拉刷新

uni-app 小程序实现下拉刷新

作者: 嘻哈章鱼小丸子 | 来源:发表于2021-08-09 15:02 被阅读0次
1. 配置

page.json 里面配置该页面enablePullDownRefreshtrue

enablePullDownRefresh
2. 实现

页面里面增加onPullDownRefresh 函数,监听该页面用户下拉刷新事件。·

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

                }
            })
        
    }

本以为这样就大功告成了!在手机端一试,下拉刷新顶部的三个点一直不消失,始终都在刷新,是不是需要手动停止刷新?一看API,果然:

下拉刷新
所以还得有最后一步。
3. 停止下拉刷新:stopPullDownRefresh
 onPullDownRefresh() {
       uni.request({
                url:''
                success: (res) => {
                    uni.stopPullDownRefresh()
                }
            })
        
    }

相关文章

网友评论

    本文标题:uni-app 小程序实现下拉刷新

    本文链接:https://www.haomeiwen.com/subject/knlcvltx.html