微风r

发布：2020-05-31 00:04
更新：2021-04-12 21:59
阅读：2087

【报Bug】app-nvue事件修饰符.stop无效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 10 Version 1903

HBuilderX类型：正式

HBuilderX版本号： 2.7.9

手机系统： Android

手机系统版本号： Android 10

手机厂商：小米

手机机型： MI 9 TransparentEdition

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

···
<template>
<div class="main" @click="mainClick" @touchmove="mainMove" @touchstart="mainClick">
<view class="subview" @click.stop="subClick">click.stop</view>
<view class="subview" @tap.stop="subClick">tap.stop</view>
<view class="subview" @click.stop.prevent="subClick">click.stop.prevent</view>
<view class="subview" @touchmove.stop.prevent="subMove">touchmove.stop.prevent</view>
<view class="subview" @touchstart.stop="subClick">touchstart.stop</view>
</div>
</template>
···
js
···
export default {
methods: {
mainClick() {
console.log('mainClick');
},
subClick() {
console.log('subClick');
},
mainMove() {
console.log('mainMove');
},
subMove() {
console.log('subMove');
}
}
}
···

操作步骤：

点击各个色块

预期结果：

点击各个子色块，log中不应该出现main相关输出

实际结果：

点击各个子色块，log中出现了main相关输出

bug描述：

app-nvue事件修饰符.stop无效
click tap touchstart touchend都没用

nvueEventDemo.zip

2020-05-31 00:04 负责人:无分享

3 个回复

DCloud_uni-ad_HDX

nvue 暂不支持，使用 e.stopPropagation();

微风r (作者)

好的

2020-06-03 16:50
风云杭州

请问怎么用？

2020-07-14 17:06
风云杭州

搞定了：）

2020-07-14 17:10

微风r (作者) - 没啥好说的...

代码显示不出来，看附件

[已删除]

在templete中

<view @click="clickFuction($event)"></view>

在script中

clickFuction(e) {  
    e.stopPropagation();  
    // do something  
}

详见vue的中文文档：内联处理器中的方法

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

【报Bug】app-nvue事件修饰符.stop无效

操作步骤：

点击各个色块

预期结果：

点击各个子色块，log中不应该出现main相关输出

实际结果：

点击各个子色块，log中出现了main相关输出

bug描述：

3 个回复

公告

相关问题

【报Bug】app-nvue事件修饰符.stop无效

操作步骤： 点击各个色块

预期结果： 点击各个子色块，log中不应该出现main相关输出

实际结果： 点击各个子色块，log中出现了main相关输出

bug描述：

相关链接 ：

与内容相关的链接

3 个回复

公告

相关问题

操作步骤：

点击各个色块

预期结果：

点击各个子色块，log中不应该出现main相关输出

实际结果：

点击各个子色块，log中出现了main相关输出

相关链接：