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中 $event 的用法--获取当前父元素,子元素,兄弟元素
vue中 $event 的用法--获取当前父元素,子元素,兄弟元素