原文地址：https://www.cnblogs.com/xiaotanke/p/7160962.html

事件修饰器

Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。

• .stop
• .prevent
• .capture
• .self

     
      
      
      
      
      
      
      
      
      
      
       ...
      
      
      
       ...
      
     

 

按键修饰符

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

 

记住所有的 keyCode 比较困难，所以 Vue 为最常用的按键提供了别名：

 

全部的按键别名：

• enter
• tab
• delete (捕获 “删除” 和 “退格” 键)
• esc
• space
• up
• down
• left
• right

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

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

 

修饰符

lay：在改变后才触发（也就是说只有光标离开input输入框的时候值才会改变）

 

number：将输出字符串转为Number类型（虽然type类型定义了是number类型，但是如果输入字符串，输出的是string）

 

trim：自动过滤用户输入的首尾空格