当前位置: 首页 » 笔记 » 微信小程序scroll-view下拉刷新,出现一直刷新

微信小程序scroll-view下拉刷新,出现一直刷新

零分笔记2,2092022-07-14 20:25

用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!

END
零分站龄1个月资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
304
文章
7
分类
94
标签
2
友链
onlinelovesky317355746vipsever@vip.qq.com