微信小程序scroll-view下拉刷新,出现一直刷新
- 5,479
用scroll-view,主要原因是,可以在顶部固定一个模块,虽然position:fixed可以实现,但发现在真机上总会出现一条小白条,看着不是很舒服
scroll-view下拉刷新,需要用到几个属性:scroll-view官方说明
refresher-enabled:开启自定义下拉刷新
refresher-threshold:设置自定义下拉刷新阈值
refresher-default-style:设置自定义下拉刷新默认样式,支持设置 black | white | none, none 表示不使用默认样式
refresher-background:设置自定义下拉刷新区域背景颜色
refresher-triggered:设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发
主要是:refresher-triggered,当值为FALSE时,关闭刷新,默认值是FALSE,原先一直在设置复位:TRUE,所以一直刷新,改FALSE后,才解决
下拉刷新:
bindrefresherrefresh: function (e) {
let that = this;
wx.showLoading({
title: '正在刷新...',
mask: true,
})
that.setData({
page: 1
})
that.GetData()
},
下拉刷新复位
bindrefresherrestore: function (e) {
let that = this;
that.setData({
refresher: false,
})
},
而开始时一直设置refresher值为true!
声明:博客中如无特殊说明或标注的文章均为博客原创文章,部分文章来源互联网,如有侵犯您的版权,或者对零分博客发布的文章有异议,请来信告知删除、修改,如您有好的建议或者意见也可以来信,谢谢!







