阻止冒泡事件

每一div都有一个切换事件

div里包括【复制】事件,

点击【复制按钮】,会触发【切换事件】

因为冒泡

在 Vue 3 中,阻止 click 事件冒泡可以使用以下常规方法:

1 **事件修饰符:**Vue 3 中提供了多种事件修饰符,其中 .stop 修饰符可以阻止事件继续传播。例如:

复制代码
<div @click.stop="onClick">
  <button @click="onButtonClick">Button</button>
</div>
相关推荐
木子雨廷2 分钟前
Flutter 内存管理实战:从 GC 原理到 DevTools 泄漏排查
前端·flutter
Rkgua4 分钟前
TS中`Function`、`CallableFunction` 和 `NewableFunction`的函数区别
前端
Asize5 分钟前
重生之我在 Vibe Coding 时代当程序员:第十一课,JS底层 :变量提升真相
前端·javascript
HYCS6 分钟前
用pixi.js实现fabric.js(五):事件系统
前端·javascript·canvas
Momo__9 分钟前
Node.js 26 来了:Temporal API 默认启用,Date 终于可以退休了
前端·node.js
小宇AI10 分钟前
用纯 Node.js 写了一个 JS 解释器 — kernel-js-lite
javascript
雨季mo浅忆12 分钟前
记录前端内网开发之新入职篇
前端·内网开发
杨运交26 分钟前
[025][Web模块]基于 Spring Boot 的请求日志过滤器设计与实现
前端·spring boot·后端
IT_陈寒35 分钟前
React的useEffect里设状态?我又踩雷了
前端·人工智能·后端
恋猫de小郭37 分钟前
GSY 史上最全跨平台/架构/语言的项目,七大项目召唤「神龙」
android·前端·flutter