如何在Vue.js中获取被点击元素的父元素? 在jQuery中,这看起来像:
$(this).parents(':eq(2)').next('.press__news__nav--view').show();
谢谢!
如何在Vue.js中获取被点击元素的父元素? 在jQuery中,这看起来像:
$(this).parents(':eq(2)').next('.press__news__nav--view').show();
谢谢!
直接操作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>