Vue 事件修饰符
stop
- 阻止事件冒泡，即阻止事件向上传播。
- 格式：
@click.stop
prevent
- 阻止默认事件行为，例如表单提交或链接跳转。
- 格式：
@click.prevent
capture
- 在捕获阶段捕获事件，而不是在冒泡阶段。捕获阶段是指事件从目标元素向上传播到文档根元素时触发的阶段。
- 格式：
@click.capture
self
- 仅当事件发生在元素自身上时才触发，而不是其子元素上。
- 格式：
@click.self
once
- 事件只触发一次，然后自动移除事件监听器。
- 格式：
@click.once
passive
- 告诉浏览器不要阻止页面滚动或其他用户界面交互。
- 格式：
@scroll.passive
lazy
- 延迟事件监听器创建，直到相关元素加入 DOM 时再创建。
- 格式：
@click.lazy
debounce
- 在指定时间内只会触发一次事件，即使事件短时间内多次触发。
- 格式：
@click.debounce.500，其中 500 是毫秒数。
throttle
- 在指定时间间隔内只触发一次事件，即使事件在此时间间隔内多次触发。
- 格式：
@click.throttle.500，其中 500 是毫秒数。
以上就是vue中有哪些事件修饰符的详细内容，更多请关注我爱模板网其它相关文章！
腾讯云 12-20 广告
