1. 当前位置:
  2. 首页
  3. »
  4. 随笔
  5. »
  6. 微信小程序scroll-view下拉刷新,出现一直刷新

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

零分 5,725

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

头像
支持作者
联系微信二维码
0%