Vue事件处理器

2020-04-26  本文已影响0人  _前端码农_
方法事件处理器
<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'

上一篇 下一篇

猜你喜欢

热点阅读