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占位(参数没有顺序,与接收时相同即可)


浙公网安备 33010602011771号