<scroll-view scroll-y refresher-enabled @refresherrefresh="refresh" style="width: 100%; height: 500px;">
<view style="height:3000px"></view>
</scroll-view>
refresh: function(){
console.log('下拉刷新');
}
Jiang731619
- 发布：2021-06-03 18:23
- 更新：2021-08-18 09:30
- 阅读：2247
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.13
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： 小米9pro
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<scroll-view scroll-y refresher-enabled @refresherrefresh="refresh" style="width: 100%; height: 500px;">
<view style="height:3000px"></view>
</scroll-view>
refresh: function(){
console.log('下拉刷新');
}
<scroll-view scroll-y refresher-enabled @refresherrefresh="refresh" style="width: 100%; height: 500px;">
<view style="height:3000px"></view>
</scroll-view>
refresh: function(){
console.log('下拉刷新');
}
预期结果：
<scroll-view scroll-y refresher-enabled @refresherrefresh="refresh" style="width: 100%; height: 500px;">
<view style="height:3000px"></view>
</scroll-view>
refresh: function(){
console.log('下拉刷新');
}
<scroll-view scroll-y refresher-enabled @refresherrefresh="refresh" style="width: 100%; height: 500px;">
<view style="height:3000px"></view>
</scroll-view>
refresh: function(){
console.log('下拉刷新');
}
实际结果：
<scroll-view scroll-y refresher-enabled @refresherrefresh="refresh" style="width: 100%; height: 500px;">
<view style="height:3000px"></view>
</scroll-view>
refresh: function(){
console.log('下拉刷新');
}
<scroll-view scroll-y refresher-enabled @refresherrefresh="refresh" style="width: 100%; height: 500px;">
<view style="height:3000px"></view>
</scroll-view>
refresh: function(){
console.log('下拉刷新');
}
bug描述：
用scroll-view做滚动区域，添加下拉刷新@refresherrefresh事件，scroll-view里面的滚动还没到顶的时候@refresherrefresh事件就执行了。app 和 h5存在这个情况，小程序没有。
更新开发工具后 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.这个 出现了
未复现您的问题。产品不会有明显的bug，所以你遇到的问题大都是在特定环境下才能重现的问题，请提供可稳定复现直接运行的完整示例（上传附件），方便我们快速排查问题哦。
【正确报bug的姿势】https://ask.dcloud.net.cn/article/38139
-
Jiang731619 (作者)
已上传附件，运行到h5或者app之后页面上一个滚动区域，先滚到最底部，然后往上滚还没到最上面就会触发@refresherrefresh事件
2021-06-05 16:09
-
-
查了一下源码，7月5日提交的，有严重bug。beforeRefreshing在用户对refresherTriggered置为false的时候，不会发生变化，导致永远无法进行下一次刷新。多下拉几次，后面的操作都无法刷新了。
而且这次修复解决的问题，其实只需要原来的代码在每次处罚刷新之前，检测一下当前高度，满足条件，才进行refresh操作，完全没必要做这么大的改动，改完了之后又明显的没有做测试，害我们程序出问题。
而且原有bug可以通过外部代码解决，现在的这个代码，改外部代码完全没有作用。从普通bug变成高级bug。
-
-
-
-
回复 DCloud_UNI_LXH: 兄弟，能不能加个微信？或者你找人帮我看看这个bug，有点急：https://ask.dcloud.net.cn/question/130974
2021-09-17 10:15
H5平台修复后
如果页面有scroll-view的话 那么在scrollview的下拉不能触发原生的下拉刷新
这样导致之前但凡页面有scrollView的 下拉刷新都没用 哭....
-
-
回复 DCloud_UNI_LXH: 这样会存在一个问题,就是我的页面有一部分是scrollView 的但是这个部分我也要让他下拉有页面的下拉刷新 那咋处理么？
2021-08-16 11:34
-
