vue 事件修饰符和按键修饰符

事件修饰符

.stop: 阻止事件冒泡到父元素
.prevent:阻止默认事件发生*
.capture:使用事件捕获模式
.self: 只有元素自身触发事件才执行。(冒泡或捕获的都不执行)
.once: 只执行一次

按键修饰符

.enter*
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right

用法例子:

<!-- 只有在 `keyCode` 是 13 时调用 `vm.submit()` -->
<input v-on:keyup.13="submit">

组合按钮

.ctrl
.alt
.shift

例如:
<!-- Alt + C -->
<input @keyup.alt.67="clear">

<!-- Ctrl + Click -->
<div @click.ctrl="doSomething">Do something</div>

posted @ 2021-03-07 00:00  程序员小明1024  阅读(102)  评论(0编辑  收藏  举报