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有且只有一个键被按下时才触发,同时按下多个键时不触发
网友评论