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

微信小程序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!

声明:博客中如无特殊说明或标注的文章均为博客原创文章,部分文章来源互联网,如有侵犯您的版权,或者对零分博客发布的文章有异议,请来信告知删除、修改,如您有好的建议或者意见也可以来信,谢谢!

请TA喝杯水^_^ 如本文“对您有用”,欢迎随意打赏,让我们坚持创作! 请TA喝水