.json:
"enablePullDownRefresh": false
.html:
<scroll-view refresher-triggered="{{bool}}"refresher-enabled="true" bindrefresherrefresh="herrefresh"><scroll-view>
.js:
herrefresh:function(){
..........
this.setData({
"bool":false
})
}
然后 真机上一直是下拉刷新状态。
开发工具可以看到 bool的值是false,但不支持下拉刷新事件,找不到问题原因,
求解???
refresher-triggered为false时表示没有触发下拉刷新事件,此时应为等待触发下拉刷新事件中的状态,就是你说的下拉刷新状态。refresher-triggered为true时触发bindrefresherrefresh事件(正式开始执行下拉刷新操作)
建议参考样板代码:
https://developers.weixin.qq.com/s/hGFhMum67de0
原因:scroll-view组件的refresherTriggered属性为true时会触发onRefresherRefresh事件,这里就不停的循环展示loading了,所以需要添加一个flag,可参考官方代码实现https://developers.weixin.qq.com/s/hGFhMum67de0
`ScrollView 是非受控组件,你需要在 onRefresherRefresh 时首先将 loading 状态设置为 true,待你的骚操作完成后再将 loading 状态设置为 false。`
为啥还是不生效呢
是否可以等数据更新完毕,将triggered更改为false跳出刷新,在onRestore的时候改为true为下次刷新做准备