云商大本营
云商大本营
  • 发布:2021-10-22 14:59
  • 更新:2021-11-11 11:11
  • 阅读:474

【报Bug】iOS的nvue页面阻止事件冒泡不生效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 11.6

HBuilderX类型: 正式

HBuilderX版本号: 3.2.3

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: iphonex、ipad

页面类型: nvue

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://apps.apple.com/cn/app/id1519581454

示例代码:

<cover-view v-if="changeSrcShow" @click.stop="" class="pop-box">

选择清晰度
<div class="pop-item" v-for="(item,index) in srcList" :key="'srcList'+index" @click.stop="choosSrc($event, item)">  
    <text :class="srcText==item.title ? 'text2' : 'text1'">{{item.title}}</text>  
</div>  

操作步骤:

视频播放页面选择片段、选择清洗度等的点击事件

预期结果:

只触发一层点击事件

实际结果:

触发多层点击事件

bug描述:

iOS的nvue页面阻止事件冒泡@click.stop=""不生效

2021-10-22 14:59 负责人:无 分享
已邀请:
DCloud_iOS_XHY

DCloud_iOS_XHY

提供一个完整的示例方便排查

  • 云商大本营 (作者)

    事例项目已上传

    2021-10-22 18:40

  • 云商大本营 (作者)

    您好,重新上传了一份简单的事例

    2021-10-25 10:06

云商大本营

云商大本营 (作者) - fshjie

事例项目已上传

DCloud_UNI_GSQ

DCloud_UNI_GSQ

其他组件上是否生效?

  • 云商大本营 (作者)

    text可以生效

    2021-10-25 10:05

  • 云商大本营 (作者)

    我上传了一份简单的事例 maopao.nvue_.zip,您可以看下

    2021-10-25 10:06

云商大本营

云商大本营 (作者) - fshjie

单个文件的事例

云商大本营

云商大本营 (作者) - fshjie

stopclick(event) {
console.log('event', event);
event.stopPropagation();
//iOS这里不起作用,依然会冒泡触发屏幕点击事件,controls会显示/隐藏
}

DCloud_iOS_XHY

DCloud_iOS_XHY

感谢反馈,问题已确认,下个版本会修复此问题

  • 哈嘞

    nvue 长按阻止事件冒泡无效,请问一下怎么处理呢

    2022-05-13 16:17

DCloud_iOS_XHY

DCloud_iOS_XHY

HX 3.2.13 已修复此问题

要回复问题请先登录注册