vue中阻止时间冒泡:

  1. @click.stop : 阻止事件冒泡
  2. @click.prevent : 阻止事件默认行为
  3. @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>

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐