Vue——获取当前元素方法 $event

Posted coder2020

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue——获取当前元素方法 $event相关的知识,希望对你有一定的参考价值。

首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,

在点击的函数中 添加$event 参数就可以了

<button @click = “clickfun($event)”>点击</button>

methods: {

    clickfun(e) {

        // e.target 是你当前点击的元素

        // e.currentTarget 是你绑定事件的元素

    }

},

 

修改样式

obj就是传入的$event

// 鼠标放上 修改当前tr标签的背景色

changeOver:function (obj) {

    obj.currentTarget.style.background="rgb(244, 250, 251)";

},

// 鼠标离开 changeOut:function (obj) { obj.currentTarget.style.background="white"; }

以上是关于Vue——获取当前元素方法 $event的主要内容,如果未能解决你的问题,请参考以下文章

vue 的点击事件获取当前点击的元素方法

vue中 $event 的用法--获取当前父元素,子元素,兄弟元素

vue中 $event 的用法--获取当前父元素,子元素,兄弟元素

vue中 $event 的用法--获取当前父元素,子元素,兄弟元素

vue点击获取当前元素或其父元素的属性值

vue点击获取当前元素或其父元素的属性值