方法事件处理器
<button v-on:click="greet"></button>
greet:function(event){
alert(this.name) //this方法在这里指当前vue实例
alert(event.target.tagName); //event 是原生DOM 事件
}
访问原生DOM事件
用$event获取
事件修饰符
<button @click.stop=""></button> //阻止单击事件冒泡
@click.prevent //提交事件不再重载页面
.stop.prevent //阻止冒泡 和提交事件不再重载页面
.capture //添加事件侦听器时使用
.self //只当事件在该元素本身（而不是子元素）触发时回调
@keyup.13 //只在keycode是13时调用
.once //点击事件将只会触发一次
按键修饰符
.enter 回车
.tab
.deleter(删除和退格)
.esc
.up
.down
.left
.right
@keyup.alt.67 //Alt+c
@click.ctrl //ctrl+'click'
网友评论