VueJS 事件修饰符
2021-01-21 09:15
阅读：861
在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation()是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。
为了解决这个问题， Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。
.stop.prevent.capture.self.once
...
...
按键修饰符
在监听键盘事件时，我们经常需要监测常见的键值。 Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：
全部的按键别名：记住所有的 keyCode 比较困难，所以 Vue 为最常用的按键提供了别名：
.enter.tab-
.delete(捕获 “删除” 和 “退格” 键) .esc.space.up.down.left.right
可以通过全局 config.keyCodes 对象自定义按键修饰符别名：
// 可以使用 v-on:keyup.f1 Vue.config.keyCodes.f1 = 112
评论
亲，登录后才可以留言！