vue事件处理-事件修饰符、按键修饰符

本文详细介绍了Vue中的事件修饰符,包括.stop、.prevent、.capture、.self、.once和.passive,以及它们在阻止事件冒泡、防止默认行为等方面的应用。同时,还讲解了按键修饰符的使用,如何针对特定键盘事件进行监听。
摘要由CSDN通过智能技术生成

事件修饰符

原因

我们知道在事件处理中往往我们需要阻止它继续冒泡或者阻止它的默认事件,这里就需要在事件处理函数中调用event.stopPropgation() 或者 event.preventDefault(),那vue为了让事件处理函数只处理数据逻辑而不去处理DOM事件的细节,所以vue为v-on提供了事件修饰符

例:

<a v-on:click.stop="doThis"></a>
事件修饰符(通过事件后加指令后缀来表示的)

.stop // 阻止事件冒泡
.prevent // 阻止默认事件
.capture // 使用事件捕获模式,即内部元素触发的事件现在此处处理,再交由内部元素处理
.self // 只有event.target是自身的时候才触发事件
.once // 点击事件只触发一次
.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值