1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 获取当前vue对象_vue获取当前点击元素的dom对象

获取当前vue对象_vue获取当前点击元素的dom对象

时间:2024-04-14 08:51:42

相关推荐

获取当前vue对象_vue获取当前点击元素的dom对象

$event:当前触发的是什么事件

$event.target:触发事件的元素对象(不一定是绑定事件的对象,会因为事件冒泡变化)

$event.currentTarget:绑定事件的元素对象

@click="onShow($event)>点击获取该元素对象

methods:{

onShow(e) {

console.log(e.target)

e.target //是你触发事件的元素

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

e.currentTarget.previousElementSibling.innerHTML //获得点击元素的前一个元素

e.currentTarget.firstElementChild //获得点击元素的第一个子元素

e.currentTarget.nextElementSibling //获得点击元素的下一个元素

e.currentTarget.getElementById("string") // 获得点击元素中id为string的元素

e.currentTarget.getElementsByClassName("string") // 获得点击元素中class为string的元素集合

e.currentTarget.getAttributeNode('class') //获得点击元素的class属性

e.currentTarget.parentElement // 获得点击元素的父级元素

e.currentTarget.previousElementSibling.firstElementChild.innerHTML

// 获得点击元素的前一个元素的第一个子元素的HTML值

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。