4***@qq.com
4***@qq.com
  • 发布:2020-04-18 14:52
  • 更新:2020-04-18 14:52
  • 阅读:1430

【报Bug】scroll-view 上划 概率出现不触发 @scrolltolower 事件

分类:uni-app

详细问题描述

(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

2020-04-18 14:52 负责人:无 分享
已邀请:

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