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