vue获取v-on绑定事件的触发对象

Posted yanyiyi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue获取v-on绑定事件的触发对象相关的知识,希望对你有一定的参考价值。

<span @click="fn()" id="foo">xxx</span>
fn(e){
    console.log(e);//展开查看e.currentTarget为null e.target有值
    console.log(e.currentTarget.id);//foo        
}

因为等你展开 log 出来的事件对象的时候时候它已经冒泡完毕了,自然就没有 currentTarget 了。

以上是关于vue获取v-on绑定事件的触发对象的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0中v-on绑定自定义事件的理解

vue怎么触发元素的原生事件

从事件对象里获取事件数据

vue 的点击事件怎么获取当前点击的元素

vue.js 事件绑定

Vue指令之v-on的缩写和事件修饰符