vue笔记--事件修饰符

阻止单击事件冒泡

<a v-in:click.stop="dothis"></a>

提交事件不再重载页面

<form v-on:submit.prevent="onSubmit"></form>

修饰符可以串联

<a v-on:click.stop.prevent="doThat">>/a>

只有修饰符

<form v-on:submit.prevent></form>

添加事件监听器时使用事件捕捉模式

<div v-on:click.capture="doThis"></div>

只当事件在元素本身（而不是子元素）触发时触发回调

<div v-on:click.self="doTHat"></div>

vue.js为v-on提供了事件修饰符，通过点（.）便是的指令后缀来调用修饰符。

.stop

.prevent

.capture

.self

.once

2.1.4新增

v-once

按键修饰符

v-on:keyup.13        //只有在keyCode是13时调用vm.submit()

vue提供了别名

v-on:keyup.enter    enter键

缩写

@keyup.enter

全部的按键名

.enter

.tab

.delete(删除和退格键)

.esc

.space

.up

.down

.left

.right

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

Vue.config.keyCodes.f1 = 112

可以使用v-on:keyup.f1

2.1.0新增

.ctrl

.alt

.shift

.meta