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