事件修饰符
stop------防止冒泡
prevent----阻止默认事件–如a[href=’#’],button[type=‘submit’]这种标签在冒泡结束后会开始执行默认事件,不会因为stop阻止事件传递而停止
passive----不阻止默认事件—每次事件发生,浏览器都会去查询一下是否有preventDefault阻止该次事件的默认动作,我们加上passive就是为了告诉浏览器,不用查询了,没有使用preventDefault阻止默认动作
capture-----添加事件监听器时使用事件捕获模式
self—只当事件在该元素本身(比如不是子元素)触发时触发回调函数
once—事件值触发一次
修饰符可以串联-----顺序很重要:响应的代码会以同样的顺序产生,因此,用v-on:click.prevent.self会阻止所有的点击,而v-on:click.selfprevent只会阻止对元素自身的点击
表单修饰符
**.lazy—**默认情况下v-model在每次input事件触发后将输入框的值与数据进行同步,可以添加lazy修饰符,从而转为change事件之后进行同步
**.number—**如果像自动将用户输入的值转为数值类型,可以给v-model添加number修饰符
**.trim—**如果要自动过滤用户输入的首尾空白字符,可以给v-model添加trim修饰符
鼠标按键修饰符
left,right,mindle,限制处理函数仅响应特定的鼠标按钮
按键修饰符
enter,tab。delete,esc,space,up,down,left,right
有一些按键(esc以及所有的方向键)在IE9中有不同的key值,如果你想支持IE9,这些内置的别名应该是首选
为了有必要的情况下支持旧浏览器,Vue提供了绝大数常用的按键码的别名
keyCode < input v-on:keyup.13=‘submit’ > 利用键码