点击列表并滑动
- 发布:2024-08-15 10:54
- 更新:2024-08-15 10:55
- 阅读:86
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 11
HBuilderX类型: 正式
HBuilderX版本号: 4.15
手机系统: Android
手机系统版本号: Android 10
手机厂商: 模拟器
手机机型: 模拟器
页面类型: nvue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
滑动后仍然触发touchend
滑动后仍然触发touchend
实际结果:
touchend没有被触发
touchend没有被触发
bug描述:
这是一个列表
<cell v-for="(item, index) in table.list" :key="item.id">
<view class="column" @click="itemClick(index)" @touchstart="changeEvent(true,item)"
@touchend="changeEvent(false,item)"
:style="item.isClieck?'background-color: aquamarine;':'background-color: #bbb;'">
<uv-text lineHeight=24 size=18 margin='4 10' color="#000" :bold='true'
:text="item.eventTitle"></uv-text>
<uv-text lineHeight=18 size=16 margin='1 10' color="#777" :text="item.source"></uv-text>
<uv-text lineHeight=18 size=16 margin='1 10' color="#777" :text="item.time"></uv-text>
<uv-text lineHeight=18 size=16 margin='1 10' color="#777" :text="item.content"></uv-text>
<view class="spacing line" />
</view>
</cell>
在列表的view标签中使用了touchstart与touchend事件,当我点击立即松开item时touchstart与touchend正常触发。
但是当我滑动列表后松开touchend事件没有被触发
changeEvent(bool, item) {
item.isClieck = bool;
if (bool) {
console.log("行选中事件");
} else {
console.log("行失去选中事件");
}
}
1 个回复
z***@163.com (作者)
在安卓上没有触发,但是在IOS上触发了