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

Posted ysx215

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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
  
  }
},

 

以上是关于vue中 $event 的用法--获取当前父元素,子元素,兄弟元素的主要内容,如果未能解决你的问题,请参考以下文章

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

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

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

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

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

Vue-$emit的用法