NightsWatcher
NightsWatcher
  • 发布:2020-10-22 10:44
  • 更新:2020-11-05 20:50
  • 阅读:1150

【报Bug】nvue中 video中的标签无法阻止冒泡事件

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.9.3

手机系统: iOS

手机系统版本号: iOS 12.4

手机厂商: 苹果

手机机型: ipone6s A1700

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<video class="video_lab" @click="clickVideo">  
<image class="controls_play"  @click.stop="playOrPause" :src="isPlaying ? '../../static/icon_pause.png' : '../../static/play.png'"></image>```  
</video>

clickVideo(e){
console.log('click父Video......');
}
playOrPause(e){
e.stopPropagation();
console.log('clickView子View.......');

        }

操作步骤:

运行demo 点击视频出现控制条
2.点击视频左下角的播放暂停图标,控制台的父子点击事件log会打印两遍

预期结果:

阻止父view接收到点击事件

实际结果:

控制台的父子点击事件log会打印两遍

bug描述:

在nvue界面中使用自己封装的nvue video组件,video标签中的view在苹果手机中无法阻止冒泡事件(Android没有问题),已经使用了e.stopPropagation();仍然不起作用,还使用了nvue文档中的 buible=“true” 属性也不起作用。

2020-10-22 10:44 负责人:无 分享
已邀请:
Strongiap

Strongiap - Strongisp

我也遇到了这种问题 都说e.stopPropagation()就行 但是我用了还是不行

  • NightsWatcher (作者)

    多试几次就行了,我以前也是,现在好像没有问题了

    2021-03-31 15:48

该问题目前已经被锁定, 无法添加新回复