2***@qq.com
2***@qq.com
  • 发布:2019-10-13 19:17
  • 更新:2019-10-14 15:56
  • 阅读:1971

【报Bug】scroll-view @scrolltolower 事件连续滚动bug

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

重现步骤

[步骤]
template 中
<scroll-view :scroll-top="scrollTop" scroll-y="true" :style="{'height':height+'px'}" class="scroll-Y" @scrolltoupper.stop.prevent="upper" @scrolltolower.stop.prevent="lower" />

事件方法定义
lower: function(e) {
// console.log(e)
var len=this.datalist.length
console.log('长度:'+len)
if(len <=50){
this.loggingtype='loading'
setTimeout(()=>{

                                for(var i=len;i<=len+15;i++){  
                                    var map={}  
                                    map.Name='文山'+i  
                                    map.Quantity=i  
                                    map.Amount=10+i  
                                    this.datalist.push(map)  
                                }   

                        },2000)   
                uni.hideLoading()  
                this.loggingtype='more'  
                    }else{  
                uni.showToast({  
                    icon:'none',  
                    title:'没有更多数据了',  
                    duration:2000  
                })    
                return  
                    }  
                }  

[结果]
在android6.0 中用的是华为荣耀6 手机测试,手指在该控制中,向上滑动多次,这个事件会连续触发,造成 if(len <=50) 条件判断不正确,长度超出了50,仍然会加载内容,连续滑动会出现
长度: 47 at pages\reportmenu\pos05.vue:180
18:58:26.858 长度:47 at pages\reportmenu\pos05.vue:180
两次
[期望]
一次滑动完成后,才能触发下一次的滑动事件,这样就不会,出现条件判断 有误的情况

[如果语言难以表述清晰,拍


一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]
2.3.3.20190923
[windows版本号]
win10 专业版
[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]
android6.0
[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-10-13 19:17 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

大概知道是什么问题,可能 是逻辑写错了,应该是加载到45的时候,还没到达条件 ,然后又加了15条,所以会有这种情况

该问题目前已经被锁定, 无法添加新回复