阻止冒泡事件

每一div都有一个切换事件

div里包括【复制】事件,

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

因为冒泡

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

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

复制代码
<div @click.stop="onClick">
  <button @click="onButtonClick">Button</button>
</div>
相关推荐
COOLMO研究AI7 分钟前
Next.js App Router 中 sitemap、robots 与 canonical 的配置与排查
前端·web·js·网站优化
DyLatte30 分钟前
AI 给了我 8 个优化方案,全都是对的,但没有一个有用
前端·后端·程序员
AI情绪识别开源34 分钟前
检信ALLEMOTION 认知评估分析器 · WebSocket 推送数据文档
javascript
OpsEye39 分钟前
公司内部全员使用 AI,如何保证会话合规、行为可审计?
javascript·ai编程
the局外人39 分钟前
一座不够大的城市,装下了我毕业后的成长
前端·程序员·求职
涛涛ing1 小时前
周下载量1.1亿的Tailwind,为什么养不活自己?
前端
变与不变8061 小时前
JS事件机制精讲
前端·javascript
装备研究社1 小时前
Promise 的五个状态,90% 的人只说对了三个
前端
小聪7081 小时前
elpis-core 抽离 npm 包过程的难点和卡点
前端·架构
钱栈up2 小时前
坯料管理导入功能bug修复:只改前端一个文件就解决问题
前端·bug