vue 事件处理

v-on:eventName 绑定事件

    简写 @click

<button @click="isClick">按钮</button>

事件修饰符

对应原生JS

• .prevent阻止默认事件-----.preventDefault
• .stop阻止事件冒泡 ----- .stopPropagation
• .capture 事件在捕获阶段触发 ----- addEventListener('click',function(){},true)中的第三个参数为true
• .self 点击的元素是注册事件的元素本身才能够触发该事件,类似阻止事件传播
• .once 事件只触发一次
• .passive 滚动事件将立即直行,可提高性能,在移动端效果较好

按键修饰符

• .enter 当按下enter键时才会触发事件

<input type="text" @keyup.enter="keyEvent">

• .ctrl 当按下ctrl键时才触发
• .exact 有且只有一个键被按下时才触发,同时按下多个键时不触发