Vue學習記錄— 鍵盤修飾符以及自定義鍵盤修飾符

鍵盤修飾符以及自定義鍵盤修飾符

按鍵修飾符也就是Vue提供的鍵盤監聽事件。

<label>Name:
        <!--輸入完成之後按下 enter鍵即可調用add 方法-->
      <input type="text" v-model="name" class="form-control" @keyup.enter="add">
    </label>      

為了在必要的情況下支援舊浏覽器，Vue 提供了絕大多數常用的按鍵碼的别名：

.enter

.tab

.delete (捕獲“删除”和“倒退”鍵)

.esc

.space

.up

.down

.left

.right

1.x中自定義鍵盤修飾符【了解即可】

Vue.directive('on').keyCodes.f2 = 113;      

​​2.x中自定義鍵盤修飾符​​

1. 通過​

   ​Vue.config.keyCodes.名稱 = 按鍵值​

   ​來自定義案件修飾符的别名：

Vue.config.keyCodes.f2 = 113;      

1. 使用自定義的按鍵修飾符：

<input type="text" v-model="name" @keyup.f2="add">