作者:cc | 来源:互联网 | 2023-10-13 13:09
v-on事件绑定作用:给dom标签绑定事件语法v-on:事件名要执行的少量代码v-on:事件名methods中的函数v-on:事件名methods中的函数(实参)简写:
v-on事件绑定
初始值:{{ count }}
![](https://img.php1.cn/3cd4a/1eebe/cd5/2d903861d5ad779c.png)
v-on修饰符
语法:
-
@事件名.修饰符="methods里函数"
-
stop - 阻止事件冒泡
-
prevent - 阻止默认行为
淘宝
天猫
v-on按键修饰符
作用:给键盘事件, 添加修饰符, 增强能力
语法:
@keyup.enter - 监测回车按键
@keyup.esc - 监测返回按键
![](https://img.php1.cn/3cd4a/1eebe/cd5/8ad8f3bf8da691df.webp)
{{ msg }}
![](https://img.php1.cn/3cd4a/1eebe/cd5/780a3060eeed6a4e.webp?,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5YmN56uv5qmZ5a2Q5omT5oCq5YW9,size_20,color_FFFFFF,t_70,g_se,x_16)