小程序
小游戏
企业微信
微信支付
扫描小程序码分享
引用了官方的自定义刷新配置
页面触发了bindrefresherrefresh方法,自己的程序也请求完数据了,但页面一直停在刷新的状态
如何让其自动复原
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
scroll view 关于上下拉刷新在升级过程中有不少问题。文档也写的比较糟糕。甚至里面介绍了下拉功能,下面tip又说明要用page的下拉刷新代替,scrollview不能复位之类(文档很烂一直是难受点),目前最新版本下拉自带可以,上拉要自己写。代码供参考:
WXML
<scroll-view class="G_SC_V"
style="height:{{mHeight}}px"
lower-threshold="100"
refresher-threshold='50'
refresher-enabled='true'
refresher-triggered ="{{isMoveToUp}}"
bindrefresherrefresh ="bindLoadingNew"
bindscrolltolower="bindLoadingMore"
enable-flex='true'
scroll-y="true"
>
.....上拉控件(下拉控件不要写,refresher-enabled='true'设成true系统自带。)
<view wx:if='{{isMoveToDown}}'>
<view class="weui-loading__wrp">
<view class="loading wx_dot_loading"></view>
</view>
JS:
bindLoadingMore()
{
console.log('滑到底了,开始加载更多');
var that = this; //setTimeout里会用到,
that.setData({ //MoveToDow触发
isMoveToDown: true
})
setTimeout(function() { //MoveToDow 时间限制
that.setData({
isMoveToDown: false,
}, 1500)
},
bindLoadingNew()
console.log('滑到顶了,开始加载更多');
that.setData({ //MoveToUp触发
isMoveToUp: true
setTimeout(function() { //时间限制
isMoveToUp:false
}
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我也遇到了这个问题。
原因应该就是这个:下拉的时候没有自动把 refresher-triggered设置成true,当查询完成后setData({'refresher-triggered': false })的时候, 数据没有发生变化,并不会更新视图。
解决方法:可以在查询之前手动把refresher-triggered设置true,查询完成后在设置成false。
你遇到的应该是跟我一样的问题, setData的时候, 数据必须发生变化, 才会更新视图, onRefresh 的时候可以先将 triggered 设为 true , 等后台数据返回后再 设为 false
refresher-triggered
用这个做数据绑定, true 和 false 来设置当前刷新状态是否为触发状态...官方文档有例子的
看下相关的属性:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
都说了是自定义了,那也没有自动复位了啊
--↓↓👍如果觉得有帮助的话请点个【赞】吧(我的小尾巴又肥来啦!)
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
scroll view 关于上下拉刷新在升级过程中有不少问题。文档也写的比较糟糕。甚至里面介绍了下拉功能,下面tip又说明要用page的下拉刷新代替,scrollview不能复位之类(文档很烂一直是难受点),目前最新版本下拉自带可以,上拉要自己写。代码供参考:
WXML
<scroll-view class="G_SC_V"
style="height:{{mHeight}}px"
lower-threshold="100"
refresher-threshold='50'
refresher-enabled='true'
refresher-triggered ="{{isMoveToUp}}"
bindrefresherrefresh ="bindLoadingNew"
bindscrolltolower="bindLoadingMore"
enable-flex='true'
scroll-y="true"
>
.....上拉控件(下拉控件不要写,refresher-enabled='true'设成true系统自带。)
<view wx:if='{{isMoveToDown}}'>
<view class="weui-loading__wrp">
<view class="loading wx_dot_loading"></view>
</view>
</view>
JS:
bindLoadingMore()
{
console.log('滑到底了,开始加载更多');
var that = this; //setTimeout里会用到,
that.setData({ //MoveToDow触发
isMoveToDown: true
})
setTimeout(function() { //MoveToDow 时间限制
that.setData({
isMoveToDown: false,
})
}, 1500)
},
bindLoadingNew()
{
console.log('滑到顶了,开始加载更多');
var that = this; //setTimeout里会用到,
that.setData({ //MoveToUp触发
isMoveToUp: true
})
setTimeout(function() { //时间限制
that.setData({
isMoveToUp:false
})
}, 1500)
}
我也遇到了这个问题。
原因应该就是这个:下拉的时候没有自动把 refresher-triggered设置成true,当查询完成后setData({'refresher-triggered': false })的时候, 数据没有发生变化,并不会更新视图。
解决方法:可以在查询之前手动把refresher-triggered设置true,查询完成后在设置成false。
你遇到的应该是跟我一样的问题, setData的时候, 数据必须发生变化, 才会更新视图, onRefresh 的时候可以先将 triggered 设为 true , 等后台数据返回后再 设为 false
用这个做数据绑定, true 和 false 来设置当前刷新状态是否为触发状态...官方文档有例子的
看下相关的属性:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
为了勉励你 点个反对 下次认真点
都说了是自定义了,那也没有自动复位了啊
--↓↓👍如果觉得有帮助的话请点个【赞】吧(我的小尾巴又肥来啦!)
--↓↓👍如果觉得有帮助的话请点个【赞】吧(我的小尾巴又肥来啦!)