Vue中阻止事件冒泡

最新推荐文章于 2024-08-08 13:03:08 发布

_处女座程序员的日常

最新推荐文章于 2024-08-08 13:03:08 发布

阅读量6.6k

点赞数 1

分类专栏： vue 前端浏览器文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_42931285/article/details/127081831

版权

前端同时被 3 个专栏收录

372 篇文章 13 订阅

订阅专栏

vue

210 篇文章 4 订阅

订阅专栏

浏览器

47 篇文章 2 订阅

订阅专栏

vue中阻止时间冒泡：

@click.stop : 阻止事件冒泡
@click.prevent : 阻止事件默认行为
@click.self : 事件只作用在元素本身，而不是其子元素。

<a @click.stop="doThis">阻止单击事件继续传播，不会触发父元素方法</a>
<form @submit.prevent="onSubmit">提交事件不再重载页面</form>
<a @click.stop.prevent="doThat">修饰符可以串联</a>
<div @click.self="doThat">只当在 event.target 是当前元素自身时触发处理函数.即事件不是从内部元素触发的</div>