v on事件處理

2021-10-03 05:33:20 字數 642 閱讀 9179

1.監聽事件

v-on:click="msg+=1" (msg是寫在data裡)
2.方法事件處理器

v-on:click = "jia" (jia是寫在methods)
3.內聯處理器方法

v-on:click="jia('at')" (jia是寫在methods,jia函式帶引數)
4.事件修飾符

.stop  

.prevent

.capture

.self

.once

......

5.鍵值修飾符

v-on:keydown=「」(獲取不同鍵的鍵值                ) 

// 可以使用 v-on:keyup.f1

vue.config.keycodes.f1 = 112

.enter

.tab

.delete (捕獲 「刪除」 和 「退格」 鍵)

.esc

.space

.up.down

.left

.right

v on 事件修飾符

stop 阻止冒泡 prevent 阻止預設事件 capture 新增事件偵聽器時使用事件捕獲模式 self 只當該事件在該元素本身時 不是子元素 觸發時才 once 事件只觸發一次 1 未加.stop事件修飾符 css部分 1 html部分 1 div id 2 div class outer c...

VUE課程 9 事件繫結v on

vue模板中可以通過v on來繫結事件,比如click點選事件等等,事件要使用的方法可以定義在vue物件的配置物件的methods屬性中 div id button v on click show 點我有驚喜 button button v on mouseover show 點我有驚喜 butto...

Vue 第二十三章v on事件處理

1.目的,因為在做前端開發的時候需要進行原生事件處理,以下 是使用兩個不同的點選事件來觸發對應的內容 比如第乙個是演示獲取之前的按鈕上的內容,第二個是獲取事件屬性 事件處理 stop prevent once 單擊事件會繼續傳播 阻止單擊事件會繼續傳播 xiaotaozi網 小桃子網 點選事件將只會...