访问dom元素
event 默认参数
event.target.tagName
内联事件中访问dom元素,传入$event变量
@click="warn('Form cannot be submitted yet.', $event)
事件处理器 方法 & 内联
模板编译器会见检查值是否是js标识符,或属性访问路径,来判断是
- 方法处理器
- 内联事件处理器
事件修饰符
-
event.stop
停止传递 -
@submit.prevent
提交不会刷新页面 -
.capture
-
.once
-
.passive
触摸事件,改善移动端滚动性能
键盘修饰
- @keyup.enter
- .tab
- .delete
捕获Delete和backspace - .esc
- .space
- .up
- .down
- .left
- .right
系统按键修饰符
- .ctrl
- .alt
- .shift
- .meta
- .exact
仅当按下确定键时触发,否则不触发
鼠标按键修饰
- .left
- .right
- .middle