事件修饰符
-
1 内容
-
2 PPT
-
3 任务
上一节
下一节
[事件修饰符]
v-on指令提供了一些事件修饰符,即自定义事件行为,不同的事件修饰符会产生不同的功能,通常配置v-on指令来使用,写在事件之后,用“.”号连接,如“v-on:click.once”表示点击事件只触发一次。常用的事件修饰符如下表所示:
事件修饰符 | 说明 |
.stop | 阻止事件冒泡 |
.prevent | 阻止默认事件 |
.capture | 添加事件监听器时使用事件捕获模式 |
.self | 将事件绑定到该元素本身,只有自身才能触发 |
.once | 事件只触发一次 |
键盘事件的修饰符:在我们的项目中,经常需要监听一些键盘事件来触发程序的执行,例如键盘的按下(keydown)和键盘的松开(keyup)事件等等。这些事件我们往往可以给其添加一些修饰符来进行修饰,比如:
| .enter | 监听enter回车键的触发 |
| .tab | 监听tab键的触发 |
| .up、.down 、.left、 .right | 监听上、下、左、右键的触发 |
| ctrl | 监听ctrl键的触发 |
| 。。。。。。 |
实例:监听回车键事件
<input @keydown.enter="login">

