事件监听

41 阅读1分钟

1、v-on使用方式:

vue中主要是用的v-on实现事件监听(点击,鼠标,键盘操作等),

  • 简写:@
  • v-on:[事件名]=“funciton/单行表达式”

2、v-on参数:

image.png

image.png

函数需要参数,加了括号,但没有传入参数,那么函数参数为undefined

image.png

函数需要参数,但是没加括号,那么函数参数为Event对象

image.png

既需要event对象,又需要其他参数的

使用箭头函数或者$event

image.png

image.png

结论:

  • 不需要参数的事件函数,写不写括号都可以。
  • 函数需要参数,加了括号,但没有传入参数,那么函数参数为undefined
  • 函数需要参数,但是没加括号,那么函数参数为Event对象。
  • 需要多个参数的,使用箭头函数或者$event

v-on修饰符

image.png

补充:

.native 监听组件的原生事件

image.png