事件绑定(修饰符)
1.事件绑定修饰符
@click.stop
停止事件冒泡
@click.self
停止向下传递
@click.prevent
阻止默认行为
@click.capture
捕获模式修饰符
@click.once
事件只绑定一次
@scroll.passive
提升滚动性能
2.按键绑定修饰符
@keydown
按键就可以触发事件
@keydown.enter
按下回车键时触发
@keydown.tab
按下tab键时触发
@keydown.delete
按下删除键时触发
@keydown.esc
按下ESC键时触发
@keydown.up
按下上键时触发
@keydown.down
按下下键时触发
......有很多
3.鼠标修饰符
@click.left
点击鼠标左键触发
@click.right
点击鼠标右键触发
@click.middle
点击鼠标中键触发
4.精确修饰符
@click.ctrl.exact
按ctrl和鼠标键时才会触发
事件处理函数的this:
1、methods选项里的函数里的this都是vue对象本身,即事件处理函数里的this也是vue对象本身
2、vue提供的选项的值如果是函数时,不可用箭头函数 , 会造成this丢失