事件修饰符
2023年10月26日
一、.self
1.1 认识
.self 仅当 event.target 是元素本身时才会触发事件处理器
1.2 语法
<div @click.self="doThat">...</div>
二、.stop
2.1 认识
.stop 阻止事件传递。等同于调用 event.stopPropagation()
2.2 语法
<a @click.stop="doThis"></a>
三、.once
3.1 认识
.once 最多触发一次处理函数。
3.2 语法
<a @click.once="doThis"></a>
四、.passive
4.1 认识
.passive 滚动事件的默认行为 (scrolling) 将立即发生而非等待 onScroll 完成 。以防其中包含 event.preventDefault()。.passive 修饰符一般用于触摸事件的监听器，可以用来改善移动端设备的滚屏性能。
4.2 语法
<div @scroll.passive="onScroll">...</div>
五、.capture
5.1 认识
.capture 添加事件监听器时，使用 capture 捕获模式。
5.2 语法
<div @click.capture="doThis">...</div>
六、.prevent
6.1 认识
.prevent 阻止默认事件。等同于调用 event.preventDefault()
6.2 语法
<form @submit.prevent></form>