阻止冒泡事件

每一div都有一个切换事件

div里包括【复制】事件,

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

因为冒泡

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

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

复制代码
<div @click.stop="onClick">
  <button @click="onButtonClick">Button</button>
</div>
相关推荐
SoaringHeart13 小时前
Flutter最佳实践:路由弹窗终极版NSlidePopupRoute
前端·flutter
子玖13 小时前
antd6的table排序功能
前端·react.js
程序员小李白13 小时前
动画2详细解析
前端·css·css3
zhengxianyi51513 小时前
ruoyi-vue-pro数据大屏优化——在yudao-module-report-app使用yudao-moudle-sso优化单点登录
vue.js·前后端分离·数据大屏·go-view·ruoyi-vue-pro优化
eason_fan13 小时前
Rspack核心解析:Rust重写Webpack的性能革命与本质
前端·前端工程化
诗意地回家13 小时前
淘宝小游戏反编译
开发语言·前端·javascript
徐同保13 小时前
react两个组件中间加一个可以拖动跳转左右大小的功能
前端·javascript·react.js
爱迪斯通13 小时前
MANUS:用于视觉、语言、行动模型创建的高保真第一人称数据采集设备
前端
bjzhang7513 小时前
使用 HTML + JavaScript 实现在线知识挑战
前端·javascript·html
全栈王校长13 小时前
Vue.js 3 模板语法与JSX语法详解
vue.js