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就是讓事件只能被提交一次。

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