详细问题描述
(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
scroll-view 上划 概率出现不触发 @scrolltolower 事件
重现步骤
[步骤]
详见视频:
第一次上划正常触发事件
第二次上划已经触发不了事件,需往下移一点,又触发了事件
[结果]
[期望]
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX
[IDE版本号]
2.6.9
[windows版本号]
win7 旗舰版
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
app
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX创建
[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]
v3
App运行环境说明
[Android版本号]
6.0
[iOS版本号]
[手机型号]
红米3s 已收到用户反馈其他机型也出现该问题
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
<template>
<view>
<mix-pulldown-refresh ref="mixPulldownRefresh" @refresh="onPulldownReresh">
<!-- 内容部分 -->
<scroll-view scroll-y="true" @scrolltolower="loadMore" class="panel-scroll-box" >
<view :key="item.loginId" v-for="item in listArr">
<volunteerItem :item="item"></volunteerItem>
<view class="grey_line"></view>
</view>
<mix-load-more :status="loadMoreStatus"></mix-load-more>
<!-- -->
</scroll-view>
</mix-pulldown-refresh>
</view>
</template>
<script>
import mixPulldownRefresh from '@/components/mix-pulldown-refresh/mix-pulldown-refresh.vue';
import mixLoadMore from '@/components/mix-load-more/mix-load-more.vue';
import volunteerItem from '../volunteer/volunteerItem.vue';
export default {
components: {
mixPulldownRefresh,
mixLoadMore,
volunteerItem
},
data() {
return {
listArr: [],
loadMoreStatus: 4,
searchtext: '',
currentPage: 1,
};
},
methods: {
//下拉刷新
onPulldownReresh() {
this.listArr = [];
this.currentPage = 1;
this.loadMoreStatus = 1;
this.loadNewsList();
},
//上滑加载
loadMore() {
console.log('loadMore');
if (this.loadMoreStatus === 2 || this.loadMoreStatus === 1) {
return;
}
this.loadMoreStatus = 1;
this.loadNewsList();
}, //动态列表
loadNewsList() {
setTimeout(() => {
this.sendRequest({
url: 'api/baseinfo/SearchTeamUserPage',
data: {
pageNum: this.currentPage,
pageSize: 10,
isExamine_vol: 1,
realName: this.searchtext
},
method: 'POST',
hideLoading: true,
success: res => {
this.$refs.mixPulldownRefresh && this.$refs.mixPulldownRefresh.endPulldownRefresh();
for (var i = 0; i < res.result.teamUserList.length; i++) {
this.listArr.push(res.result.teamUserList[i]);
}
if (this.listArr.length >= res.result.totalCount) {
this.loadMoreStatus = 2;
} else {
this.loadMoreStatus = 0;
}
this.currentPage++;
},
fail: res => {
if ((this.currentPage = 1)) {
this.$refs.mixPulldownRefresh && this.$refs.mixPulldownRefresh.endPulldownRefresh();
this.loadMoreStatus = 4;
} else {
this.loadMoreStatus = 0;
}
}
});
}, 600);
}
},
onNavigationBarSearchInputChanged(val) {
this.searchtext = val.text;
},
onNavigationBarSearchInputConfirmed() {
// uni.hideKeyboard()
this.loadNewsList('refresh');
},
onLoad() {
let windowHeight = uni.getSystemInfoSync().screenHeight;
this.sheight = windowHeight - uni.getSystemInfoSync().statusBarHeight - 45 + 'px';
}
};
</script>
<style>
.panel-scroll-box {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
.bgc {
padding: 20rpx;
background-color: white;
}
</style>
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]
449273854