千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础
2023-07-18 08:38 作者:bili_87263533726 | 我要投稿

Vue的事件修饰符是为了简化事件处理的一种技巧,通过使用事件修饰符,你可以更加方便地对事件进行处理。在Vue中,事件修饰符是以点号(".")的方式来表示的,并且在事件处理函数之后使用。
下面是一些常用的事件修饰符:
.stop:阻止事件冒泡;当一个事件被触发时,该修饰符可以阻止事件继续向父元素传播。
.prevent:阻止事件的默认行为;通常来说,某些元素上的某些事件(比如表单提交)会触发默认的行为,使用该修饰符可以阻止这种默认的行为发生。
.capture:使用事件捕获模式;当一个事件被触发时,该修饰符可以将事件的处理从父元素开始,向子元素逐级捕获。
.self:只有当事件的目标元素是绑定事件的元素本身时,才触发事件。
.once:事件只触发一次;使用该修饰符可以让事件只触发一次,之后再次触发同样的事件将不再生效。
.passive:增加滚动性能;该修饰符告诉浏览器,该事件的监听函数不会调用preventDefault()方法来阻止事件的默认行为,从而提高滚动性能。