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

Question

如何在Vue.js中获取clicked（this）元素的父元素？ 在jQuery中，这看起来像：

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

谢谢！

Answer 1

当您尝试直接操作DOM时，var numberPlate = $("#NumberPlate").val(); var url= '/Service/Grid?numberPlate='numberPlate; $("#Grid").load(url); 不是一个好习惯。如果要显示/隐藏元素，则应使用Vue或v-if指令。

无论如何，您可以像这样访问v-show对象：

＆＃13;

＆＃13;

event

＆＃13;

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
    }
  }
});

＆＃13;

＆＃13;

＆＃13;