vue指令之v-on

1.v-on的基本使用
在这里插入图片描述
计算器
点击加号即可加加1,点击减号就会减一。

v-on的作用是用来事件监听的,是用来绑定一些事件的。绑定的一些事件就在自己的方法里面定义,定义完之后调用函数就行了
v-on的简写是@。

2.v-on的参数问题
在这里插入图片描述
在事件定义时,写方法省略了小括号,但是方法本身是需要一个参数的,这个时候,Vue会默认将浏览器生成的event事件对象作为参数传入到方法,而且方法定义时,我们需要event对象,同时有需要其他参数。
手动的获取到浏览器参数的event对象: $event。

3.v-on的修饰符
在这里插入图片描述
.stop修饰符用来阻止事件同时被触发,即内部的事件会被触发,外部的则会被阻止。
.prevent则是阻止事件立马提交,可以自己手动提交。
keyup enter 则是监听某个键盘的键帽的点击。
.once就是让事件只能被提交一次。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章