vue 点击事件获取当前元素

在开发中我们可能会使用单击事件去获取当前元素,这样就需要进行传参:

关键词: $event  在括号中输入这个关键词,然后在方法中就可以使用以下的方法去获取你当前所需要使用的元素

//当前点击的元素
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

使用方法:

图片[1]-vue 点击事件获取当前元素-明恒博客
图片[2]-vue 点击事件获取当前元素-明恒博客
© 版权声明
THE END
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=270198dipw4ko
点赞13赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容