vue.js 按键修饰符

在监听键盘事件时,我们经常需要检查常见的键值。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:
 

 //在输入框按下回车键时调用方法

 //在输入框按下Shift键时调用方法

但这样很麻烦,所以 vue.js提供了按键别名

一部分的按键别名(具体看官方API)

  • .enter           //回车键
  • .tab            //tab键
  • .delete                                   //“删除”和“退格”键
  • .esc            //Esc键
  • .space           //空格键
  • .up            //↑键
  • .down           //↓键
  • .left           //←键
  • .right                                   //→键

示例:
       

//当从另一个地方 按下 Tab键 跳到此处时触发事件
 

可以通过全局 config.keyCodes 对象自定义按键修饰符别名:

// 可以使用 `v-on:keyup.f1`
Vue.config.keyCodes.f1 = 112

可以组合使用按键别名:





Do something

 

 

 

 

 

 

 

你可能感兴趣的:(vue.js)