z***@163.com
z***@163.com
  • 发布:2024-08-15 10:54
  • 更新:2024-08-15 10:55
  • 阅读:86

【报Bug】nvue下touchend事件失效

分类:uni-app

产品分类: 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>  
        </cell>

在列表的view标签中使用了touchstart与touchend事件,当我点击立即松开item时touchstart与touchend正常触发。
但是当我滑动列表后松开touchend事件没有被触发

            changeEvent(bool, item) {  
                item.isClieck = bool;  
                if (bool) {  
                    console.log("行选中事件");  
                } else {  
                    console.log("行失去选中事件");  
                }  
            }  
2024-08-15 10:54 负责人:无 分享
已邀请:
z***@163.com

z***@163.com (作者)

在安卓上没有触发,但是在IOS上触发了

要回复问题请先登录注册