vue 1-7 v-on:事件监听的标签属性

Vue中事件监听:v-on,类似于小程序中事件绑定:bindtap

事件监听使用:

  <标签名  v-on:触发事件 = “绑定方法名称”> ... </标签名>

  语法糖写法:

  <标签名  @触发事件 = “绑定方法名称”> ... </标签名>

  

*注意:

  1.  触发事件:

v-on:click(@click) ——>注册点击事件
v-on:keydown(@keydown) ——>注册键盘事件
v-on:keyup(@keyup) ——>注册键盘事件
v-on:mousedown(@mousedown) ——>注册鼠标事件
v-on:mouseover(@mouseover) ——>注册鼠标事件
v-on:submit(@submit) ——>注册表单事件

  2. 监听事件时---小括号

    methods中的方法,在 mustatch 语法中调用时要 添加() 来使用,但是,

    在给“事件监听”的v-on使用时,只要没有参数传递需求,就可以省略小括号()

  3.  传参方式

    v-on监测click事件,调用绑定的函数,此函数默认参数(event)

    1. ,所以当不传参时,默认传回event

    2. 若传参,则第一个参数会替换event,如果想要获取event,则传参时使用$event占位(参数没有顺序,与接收时相同即可)

    

 

 

    

    

posted @ 2021-11-01 15:46  黑无常  阅读(302)  评论(0)    收藏  举报