uni-app nvue下touchend事件失效
uni-app nvue下touchend事件失效
信息类别 | 详情 |
---|---|
产品分类 | uniapp/App |
PC开发环境 | Windows |
PC版本号 | 11 |
HBuilderX | 正式 |
HBuilderX版本号 | 4.15 |
手机系统 | Android |
手机系统版本号 | Android 10 |
手机厂商 | 模拟器 |
手机机型 | 模拟器 |
页面类型 | nvue |
Vue版本 | vue3 |
打包方式 | 云端 |
项目创建方式 | HBuilderX |
操作步骤:
- 点击列表并滑动
预期结果:
- 滑动后仍然触发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>
</view>
</cell>
在列表的view标签中使用了touchstart与touchend事件,当我点击立即松开item时touchstart与touchend正常触发。 但是当我滑动列表后松开touchend事件没有被触发
changeEvent(bool, item) {
item.isClieck = bool;
if (bool) {
console.log("行选中事件");
} else {
console.log("行失去选中事件");
}
}
更多关于uni-app nvue下touchend事件失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app nvue下touchend事件失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在安卓上没有触发,但是在IOS上触发了