阻止冒泡事件

每一div都有一个切换事件

div里包括【复制】事件,

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

因为冒泡

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

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

复制代码
<div @click.stop="onClick">
  <button @click="onButtonClick">Button</button>
</div>
相关推荐
tryCbest7 分钟前
Vue3——第 6 篇:事件处理与表单绑定——v-on 与 v-model
前端·javascript·vue.js
恋猫de小郭11 分钟前
Flutter 的文字为什么比 SwiftUI 更细?问题主要在 Skia 的 256 项查找表里
android·前端·flutter
lexiangqicheng13 分钟前
前端高阶面试核心通关指南:深入解析Vue3与React18底层原理及性能优化
前端·面试·性能优化
怕浪猫14 分钟前
前端对接聊天 API:我用 React 做了一个比 ChatGPT 还好看的界面
前端·后端·面试
程序员小孔.18 分钟前
基于 Spring Cloud + Vue 的 JEEWMS 开源仓储管理平台设计与实现
前端·javascript·vue.js·spring boot·spring cloud·开源
IT_陈寒19 分钟前
深入理解Python:核心原理与最佳实践
前端·人工智能·后端
创世虚拟世界23 分钟前
把 3D 虚拟世界拉到本地:vibe coding 的手感,是从看见自己那一行改动开始的
javascript·数据库·人工智能·3d·gitee·虚拟现实
我喜欢就喜欢30 分钟前
Chrome 插件开发实战指南
前端·chrome
夕阳_醉了33 分钟前
花了一天的时间,地板式扫盲了vue3所有API盲点
前端·javascript·vue.js
LinDaiuuj43 分钟前
Figma Specs 高效交付与开发协作指南
前端·figma