14 按鍵修飾符

2021-10-02 22:26:48 字數 1179 閱讀 9971

在監聽鍵盤事件時,我們經常需要使用特定的按鍵。vue允許為v-on在監聽鍵盤事件時新增按鍵修飾符:

v-on:keyup.enter

="submit"

>

使用.enter鍵值修飾符,示例如下:

>

>

鍵值修飾符title

>

src=

"">

script

>

>

>

type

="text"

@keyup.enter

="print"

>

>

}p>

div>

>

var vm =

newvue(,

methods:},

});script

>

body

>

html

>

除了vue內建的按鍵修飾符,我們還可以自定義案件修飾符,自定義按鍵修飾符需要使用到鍵盤碼。

鍵盤碼文件:

自定義f2按鍵修飾符,它的鍵碼值為113,下為示例:

>

>

鍵值修飾符title

>

src=

"">

script

>

>

>

type

="text"

@keyup.113

="print"

>

type

="text"

@keyup.f2

="print"

>

>

}p>

div>

>

// 使用自定義的鍵值修飾符第二種方式

vue.config.keycodes.f2 =

113;

var vm =

newvue(,

methods:},

});script

>

body

>

html

>

Vue 按鍵修飾符

在監聽鍵盤事件時,我們經常需要檢查詳細的按鍵。vue 允許為v on在監聽鍵盤事件時新增按鍵修飾符 你可以直接將keyboardevent.key暴露的任意有效按鍵名轉換為 kebab case 來作為修飾符。在上述示例中,處理函式只會在 event.key等於pagedown時被呼叫。使用keyc...

Vue筆記 2 事件修飾符 按鍵修飾符

修飾符 作用用來和事件連用,用來決定事件觸發條件或者是阻止事件的觸發機制 1.事件修飾符 stop修飾符 用來阻止事件冒泡 事件冒泡 詳情 prevent 事件修飾符 用來阻止標籤的預設行為 self 事件修飾符 用來針對於當前標籤的事件觸發 只觸發自己標籤的上特定動作的事件 只關心自己標籤上觸發的...

修飾符 許可權修飾符

四種形式許可權修飾符的訪問情況 publicprotected不寫private 同乙個類中 四種都可以 同一包中的不同類 除了private剩下都可以 不同包下的子類 public protected 可以 不同包下的不同類 只有public可以 許可權修飾符 public protected 預...