【报Bug】nvue @click.stop无法阻止事件穿透

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： m2

HBuilderX类型： Alpha

HBuilderX版本号： 4.19

手机系统： iOS

手机系统版本号： iOS 17

手机厂商：苹果

手机机型：苹果11

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<view class="a" @click="one">
<button @click.stop="two">盒子B</button>
</view>
one(){
console.log('盒子A')
},
two(){
console.log('盒子B')
},

操作步骤：

正常操作

预期结果：

没有问题

实际结果：

有问题

bug描述：

在nvue页面中@click.stop无法阻止事件穿透，两个点击事件都会触发

2024-07-02 08:55 负责人:无分享

1 个回复

blackhole7878

<button @click="two($event)">盒子B</button>
two(e){
e.stopPropagation()
}

传播星球 (作者)

牛啊

2024-07-02 11:36

要回复问题请先登录或注册

【报Bug】nvue @click.stop无法阻止事件穿透

示例代码：

<view class="a" @click="one">
<button @click.stop="two">盒子B</button>
</view>
one(){
console.log('盒子A')
},
two(){
console.log('盒子B')
},

操作步骤：

正常操作

预期结果：

没有问题

实际结果：

有问题

bug描述：

1 个回复

公告

相关问题

【报Bug】nvue @click.stop无法阻止事件穿透

示例代码： <view class="a" @click="one"> <button @click.stop="two">盒子B</button> </view> one(){ console.log('盒子A') }, two(){ console.log('盒子B') },

操作步骤： 正常操作

预期结果： 没有问题

实际结果： 有问题

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

<view class="a" @click="one">
<button @click.stop="two">盒子B</button>
</view>
one(){
console.log('盒子A')
},
two(){
console.log('盒子B')
},

操作步骤：

正常操作

预期结果：

没有问题

实际结果：

有问题