在 Vue 中,修饰符(Modifiers)常用于自定义指令(Directives)和事件监听(Event Listeners)中,以改变指令或事件监听器的默认行为。以下是一些 Vue 中常用的修饰符:
1. 事件监听修饰符
.stop
:阻止事件冒泡.prevent
:阻止默认事件行为(如提交表单).capture
:使用事件捕获模式.self
:只有事件在该元素本身(而不是子元素)触发时触发回调.once
:事件只触发一次.passive
:以{ passive: true }
模式调用addEventListener
。这主要用于改善移动端滚动性能。
示例:
<button @click.stop="handleClick">点击我</button>
<form @submit.prevent="