1.ios端手指上滑上拉加载到无法加载;
2.手指轻轻往下滑动一点;
3.发现出发了上拉下载更多
- 发布:2023-02-15 12:00
- 更新:2023-03-16 22:30
- 阅读:750
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.6.18
手机系统: iOS
手机系统版本号: iOS 15
手机厂商: 苹果
手机机型: iphone 6s
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
往下滑动列表应该下滑
往下滑动列表应该下滑
实际结果:
触发上拉加载
触发上拉加载
bug描述:
列表上拉加载到最后不能加载的时候,轻轻往下滑动一点会触发loading 加载更多
最佳回复
是否使用的 nvue list 组件,如果是,检查下 loadmoreoffset 的设置
-
回复 z***@163.com: loadmore 事件 如果列表滚动到底部将会立即触发这个事件,你可以在这个事件的处理函数中加载下一页的列表项。 如果未触发,请检查是否设置了loadmoreoffset的值,建议此值设置大于0
https://uniapp.dcloud.net.cn/component/list.html#%E4%BA%8B%E4%BB%B62023-02-16 17:07
完美bug (作者)
您好这是示例工程,麻烦您看一下啊。
-
你好,需要精简一下示例,用最简单结构复现问题,下面是一个最精简的示例,你可以尝试在这上面一点点加逻辑,先定位一下问题
<template>
<div style="flex: 1;">
<list style="flex: 1;">
<cell class="cell" v-for="item in 20">
<text>{{ item }}</text>
</cell>
<loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
<text>Loading ...</text>
<loading-indicator></loading-indicator>
</loading>
</list>
</div>
</template>
<script>
export default {
data() {
return {
loadinging: true
}
},
methods: {
onloading() {
this.loadinging = true
console.log("loading")
setTimeout(()=> {
this.loadinging = false
}, 2000);
}
},
}
</script>
<style>
.cell {
width: 750rpx;
height: 100px;
border: 2px;
border-color: brown;
}
.loading {
width: 750rpx;
height: 55px;
background-color: brown;
}
</style>
2023-03-02 16:27
完美bug (作者)
感谢。终于好了。一个月了。泪奔
~2023-03-17 09:44