Javascript 在VueJS中获取事件侦听器元素而不是子元素

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

<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

联系\u mailHome

联系您的邮箱

联系您的邮箱

我只想得到这个元素

<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>

联系您的邮箱

i、 e已附加事件侦听器的父元素。我怎么能得到这个？

---

有没有一种简单的方法可以做到这一点，即只将一个事件侦听器附加到父级，而不是每个链接上？

为了引用侦听器附加到的元素，您应该使用而不是。

您可以为此创建一个显示问题的列表。是的，我想要父级div，即导航链接div，无论我单击图标，按钮还是它自己谢谢兄弟，它起作用了。有更好的方法吗？比如，如果我有很多链接，那么我必须在每个链接上附加侦听器，我可以将它们放在某个外部父节点中，然后在该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>

<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>