javascript - 在 VueJS 中获取事件监听器元素而不是子元素

Question

我正在尝试在以下代码中获取已附加事件监听器的元素。

<div class="navigation-link" id="home" @click="click($event)">
  <button class="navigation-link-inner btn-large transparent z-depth-0">
    <i class="material-icons left">contact_mail</i>Home
  </button>
</div>
<div class="navigation-link" id="cms" @click="click($event)">
  <button class="navigation-link-inner btn-large transparent z-depth-0">
    <i class="material-icons left">contact_mail</i>CMS
  </button>
</div>
<div class="navigation-link" id="contact" @click="click($event)">
  <button class="navigation-link-inner btn-large transparent z-depth-0">
    <i class="material-icons left">contact_mail</i>Contact
  </button>
</div>

但是，当我单击链接时，我会根据确切的单击位置获取这些元素:

<i class="material-icons left">contact_mail</i>Home

<button class="navigation-link-inner btn-large transparent z-depth-0">
  <i class="material-icons left">contact_mail</i>Home
</button>

<div class="navigation-link" id="home">
  <button class="navigation-link-inner btn-large transparent z-depth-0">
    <i class="material-icons left">contact_mail</i>Home
  </button>
</div>

我只想获取这个元素

<div class="navigation-link" id="home">
  <button class="navigation-link-inner btn-large transparent z-depth-0">
    <i class="material-icons left">contact_mail</i>Home
  </button>
</div>

即我已附加事件监听器的父元素。我怎样才能得到这个？ 有没有一种简单的方法可以通过仅将一个事件监听器附加到父级而不是在每个链接上来实现此目的？

Answer 1

为了引用监听器所附加的元素，您应该使用 evt.currentTarget而不是evt.target .