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中有哪些事件修饰符的详细内容，更多请关注我爱模板网其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
