Vue.js 中 v-on 的按键修饰符用于指定触发事件所需的按键组合:.enter:Enter 键.ctrl:Ctrl 键.alt:Alt 键.shift:Shift 键.meta:Meta 键(macOS 中为 Command 键).prevent:防止默认行为.stop:停止事件冒泡.once:仅在第一次触发时触发事件.capture:在捕获阶段触发事件.passive:创建非阻塞侦听器

Vue.js 中 v-on 的按键修饰符
v-on 指令用于监听 HTML 元素上的事件,它支持一系列按键修饰符,用于指定需要按下哪些按键才能触发事件。这些修饰符包括:
1. .enter
监听 Enter 键被按下。
立即学习“前端免费学习笔记(深入)”;
2. .ctrl
监听 Ctrl 键被按下。
3. .alt
监听 Alt 键被按下。
打开新标签页
4. .shift
监听 Shift 键被按下。
5. .meta
监听 Meta 键被按下(在 macOS 中为 Command 键)。
6. .prevent
防止事件的默认行为。
单击我
7. .stop
停止事件冒泡。
8. .once
只在第一次触发时触发事件。
9. .capture
在捕获阶段触发事件,而不是冒泡阶段。
单击我
10. .passive
创建非阻塞侦听器,允许页面继续响应用户交互。
滚动我
注意:这些修饰符按顺序应用。例如,.ctrl.enter 将匹配只有在同时按下 Ctrl 和 Enter 键时触发的事件。










