阻止冒泡事件

每一div都有一个切换事件

div里包括【复制】事件,

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

因为冒泡

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

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

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