【Vue】常见修饰符

2021-11-18 本文已影响0人凉城十月

有过JS事件代码开发经验的一定对event.preventDefault()（阻止节点默认行为）和event.stopPropagation()（阻止事件冒泡）不陌生，这是处理DOM事件时很常见的方法，vue将其封装成简短易用的事件修饰符，可以后缀于事件名称之后。

名称	可用版本	可用事件	说明
.stop	所有	任意	当事件触发时，阻止事件冒泡
.prevent	所有	任意	当事件触发时，阻止元素默认行为
.capture	所有	任意	当事件触发时，阻止事件捕获
.self	所有	任意	限制事件仅作用于节点自身
.once	2.1.4以上	任意	事件被触发一次后即解除监听
.passive	2.3.0以上	滚动	移动端，限制事件用不调用preventDefault()方法

例如@submit.prevent="submit"

例如： @keyup.13="console.log($event)"或者@keyup.enter=""