Vue中阻止事件冒泡
Vue中阻止事件冒泡
·
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>
更多推荐
已为社区贡献1条内容
所有评论(0)