阻止冒泡事件

每一div都有一个切换事件

div里包括【复制】事件,

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

因为冒泡

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

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

复制代码
<div @click.stop="onClick">
  <button @click="onButtonClick">Button</button>
</div>
相关推荐
PedroQue993 分钟前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app
Forever7_3 分钟前
尤雨溪转发:Vue-tui 0.1 发布!Vue 终于杀进终端!
vue.js
逸铭3 分钟前
Day 4:登录与 Token——桌面端怎么存密钥
前端·客户端
默_笙3 分钟前
🍞 我用 CSS 画了一个会转的 3D 立方体,同事以为我学了 Three.js(这节课真的很神奇,我很喜欢)
javascript
dkbnull4 分钟前
Vue 虚拟 DOM Diff 算法与 key 机制原理
vue.js
溯朢9 分钟前
TokUI 流式渲染的 SSE 全链路拆解
前端
京东云开发者11 分钟前
京东 Oxygen xLLM 大模型推理引擎正式捐赠开放原子开源基金会,共建国产 AI Infra 生态
前端
Csvn12 分钟前
LLM 一把梭:从 Swagger 文档到类型安全 API 请求,再也不手写接口
前端
DGT14 分钟前
深入理解 JavaScript 闭包
前端
sarasuki16 分钟前
JavaScript的对象、new的机制与原型包装类
javascript·后端