vue常用的事件修饰符

1. 表单修饰符

修饰符	作用	使用
lazy	光标离开标签时，会将值赋给value	<input type='text' v-model.lazy='value'></input>
trim	自动过滤输入的首位空格，中间不会过滤	<input type='text' v-model.trim='value'></input>
number	自动将输入的值转为数字类型，如果不能被parseInt()解析，会返回原来的值	<input type='number' v-model.number='age'></input>

2. 事件修饰符

修饰符	作用	使用
stop	阻止事件冒泡	<div @click='shout(2)'><button @click.stop='shout(1)'>ok</button></div>结果只输出1
prevent	阻止事件默认行为	<form v-on:submit.prevent='onSubmit'></form>
once	绑定了事件以后只会触发一次	<input type='number' v-model.number='age'></input>

3. 鼠标按键修饰符

修饰符	作用	使用
left	左键点击	<button @click.left='shout(1)'>ok</button>
right	右键点击	<button @click.right='shout(1)'>ok</button>
middle	中键点击	<button @click.middle='shout(1)'>ok</button>

4. 键盘修饰符
   用来修饰键盘事件，有如下：
   a.普通键（enter、tab、delete、space、esc、up…)
   b.系统修饰键（ctrl、alt、meta、shift)

<input type='text'  @keyup.keyCode='shout()'></input>
//还可以自定义全局键盘码别名
Vue.config.keyCodes.f2 = 113;