Vue 常用的修饰符有哪些

最新推荐文章于 2026-01-06 22:21:01 发布

原创最新推荐文章于 2026-01-06 22:21:01 发布 · 156 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript #前端框架 #html

本文介绍了Vue.js中用于事件处理的修饰符，如按键修饰符.up,.down等，以及事件修饰符如.prevent阻止默认行为，.stop防止冒泡，.capture事件捕获，.self限制事件在自身触发，.once确保事件只触发一次。这些修饰符提供了更精细的事件控制能力。

• 按键修饰符 .up,.down,.ctrl,.enter,.space 等等
语法：@click.修饰符='fn()' o 事件修饰符
prevent 修饰符：阻止事件的默认行为（submit 提交表单）
stop 修饰符：阻止事件冒泡
capture 修饰符：与事件冒泡的方向相反，事件捕获由外到内
self：只会触发自己范围内的事件，不包含子元素
once：只会触发一次
注意：修饰符可以串联使用