Vue入門到放棄11(按鍵修飾符)

系統修飾鍵

  系統本身給我們提供的有幾個修飾鍵，我們先來使用下(https://cn.vuejs.org/v2/guide/events.html)。

 

自定義修飾鍵

  系統提供的修飾鍵，就那麼幾個，這時如果我們想要自定義的話第一種方式就是使用按鍵對應的值來處理(https://dpb-bobokaoya-sm.blog.csdn.net/article/details/96280857)

        <label>
          Name:
          <input type="text" class="form-control" v-model="name" @keyup.113="add">
          <input type="text" class="form-control" v-model="name" @keyup.f2="add">
        </label>

// 自定義全局按鍵修飾符
    Vue.config.keyCodes.f2 = 113

效果：