技术栈

阻止冒泡事件

喵喵酱仔__2024-09-21 21:11

每一div都有一个切换事件

div里包括【复制】事件,

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

因为冒泡

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

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

复制代码
<div @click.stop="onClick">
  <button @click="onButtonClick">Button</button>
</div>
上一篇:weblogic CVE-2018-2894 靶场攻略
下一篇:ES5 在 Web 上的现状
相关推荐
林太白
1 分钟前
Vite8 Beta来了,Rolldown携手Oxc
前端·javascript·后端
xkxnq
3 分钟前
第二阶段:Vue 组件化开发(第 19天)
前端·javascript·vue.js
技术净胜
1 小时前
Python 操作 Cookie 完全指南,爬虫与 Web 开发实战
前端·爬虫·python
神奇的程序员
1 小时前
Nginx日志分析工具-NginxPulse开源了
前端
我是小疯子66
1 小时前
前端开发入门:HTML、CSS与JS学习指南
前端
知了清语
1 小时前
是的,微信小程序的 show-menu-by-longpress 真的会让你无语
前端
Hao_Harrision
1 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| RangeSlider(范围滑块组件)
前端·typescript·react·tailwindcss·vite7
CC码码
1 小时前
不修改DOM的高亮黑科技,你可能还不知道
前端·javascript·面试
热门推荐
01GitHub 镜像站点02Labelme从安装到标注:零基础完整指南03网站改了域名,如何查找?04Linux下V2Ray安装配置指南05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06【踩坑笔记】50系显卡适配的 PyTorch 安装072025-04-03 Latex学习1——本地配置Latex + VScode环境08CentOS的ISO镜像下载09AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南10Claude Code 2.1.2 升级报错?别折腾了,一行命令搞定