微信小程序scroll-view下拉刷新,出现一直刷新
用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!