Vue.js：位置div

Question

我在 Vue.js中创建了一堆动态链接

<a class="block" href="#" @click="toggleNavigation(item)" v-for="item in skills" :key="item.id">{{item.name}}</a>

和位于绝对

的 Div

<div style="position:absolute; width:300px">some text </div>

如果我点击链接，我想将div放在点击链接下方。

如何在Vue中获取点击链接的属性？在javascript中我会做这样的事情：

document.getElementById(this).style.top

这是一个小提琴链接：https://jsfiddle.net/sqe0rpnk/6/

Answer 1

只需将$event变量与params一起传递，如下：

@click="toggleNavigation($event, item)"

现在，在您的toggleNavigation中，您可以访问点击的HTML属性，类，值...作为：

methods: {
 toggleNavigation (event, item){
  console.log(event)
 }
}