如何在Vue中获取(此)元素的父元素.js?

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

谢谢

推荐答案

当你试图直接操纵DOM时,这不是一个好的实践.如果要显示/隐藏元素,应使用v-ifv-show指令.

无论如何,您可以访问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>

Vue.js相关问答推荐

如何禁用Vuetify v—stepper操作按钮

通过另一个文件调用模块化窗口组件

vuejs:在确认提示之前更改 HTML

vue : 多个样式的类绑定在一个

更改 Vuetify 轮播高度

如何从mustache内的过滤器输出html

如何 for each 用户分组聊天消息?

如何解决 Vue.js 中的相邻 JSX 元素必须包含在封闭标记中问题

Vue-router:循环路由以动态创建

使用 vee-validate 在 vue js 中进行验证有错误

如何创建 vuetify 工具栏链接下拉菜单?

当前端和后端位于虚拟 docker 网络中时,如何使用 axios 寻址后端主机

错误:您可能需要额外的加载器来处理这些加载器的结果.

v-model 不会检测到 jQuery 触发事件所做的更改

我可以使用 vue.js v-if 来判断值是否存在于数组中

如何将 vuetify 2.0 beta 安装到新的 vue cli 项目中?

动态更改我的 Vue.js SPA 主题的最佳方式?

如何将事件绑定到 Vuetify 中的树视图 node ?

执行调度程序刷新期间未处理的错误,这可能是一个 Vue 内部错误

偶数行格式化