Vue事件处理器

方法事件处理器

greet:function(event){
    alert(this.name) //this方法在这里指当前vue实例
    alert(event.target.tagName); //event 是原生DOM 事件
}

访问原生DOM事件
用$event获取

事件修饰符
//阻止单击事件冒泡
@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'

你可能感兴趣的:(Vue事件处理器)