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

效果：