如何在Vue.js中获取被单击元素的父级

Question

如何在Vue.js中获取被点击元素的父元素？ 在jQuery中，这看起来像：

$(this).parents(':eq(2)').next('.press__news__nav--view').show();

谢谢！

- Milan Milosev

Answer 1

直接操作DOM并不是Vue的良好实践。如果您想要显示/隐藏元素，您应该使用或指令。

无论如何，您可以像这样访问事件对象：event。

new Vue({
  el: '#app',
  methods: {
    logme: function(event) { // a regular event object is passed by $event in template
      console.log(event.target.parentElement) // parent element
    }
  }
});

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <div class="hello">
     <button @click="logme($event)">Click me</button>
  </div>
</div>

- Egor Stambakio

---

谢谢wostex，现在它可以正常工作了。这个项目是特定的，并且已经使用jQuery创建。因此，我的工作是重写为Vue。非常感谢！ - Milan Milosev

@Glavar 如果这个答案对您有用，您应该接受它。 - Bert

Egor，如果您能详细说明为什么直接操作DOM不是一个好主意，那就太好了。 - askepott