700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue中$event的用法——获取当前元素及相关元素

vue中$event的用法——获取当前元素及相关元素

时间:2023-06-23 21:42:41

相关推荐

vue中$event的用法——获取当前元素及相关元素

对于常见的事件,比如点击事件,第一个参数是事件本身,另外,在实际项目中,我们可能需要获取事件执行的元素或相关元素,在这里总结一下,留用。

例如:点击事件

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

通过事件获取元素:

methods: {clickfun(e) {// e.target 是你当前点击的元素// e.currentTarget 是你绑定事件的元素# 获得点击元素的前一个元素e.currentTarget.previousElementSibling.innerHTML# 获得点击元素的第一个子元素e.currentTarget.firstElementChild# 获得点击元素的下一个元素e.currentTarget.nextElementSibling# 获得点击元素中id为string的元素e.currentTarget.getElementById("string")# 获得点击元素的string属性e.currentTarget.getAttributeNode('string')# 获得点击元素的父级元素e.currentTarget.parentElement# 获得点击元素的前一个元素的第一个子元素的HTML值e.currentTarget.previousElementSibling.firstElementChild.innerHTML}}

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