For loop VueJS鼠标悬停在for循环中

我有一个for，它将为每个索引创建一个组件

在这个组件中，我有一个子div，其中包含edit、add和减号按钮。 我希望它显示在组件鼠标上方

我如何在不使用索引的情况下动态实现这一点

---

非常感谢。

发布组件

<template>
  <div v-on:mouseleave.native="showOperations = false"
       v-on:mouseover.native="showOperations = true">
    <!-- post data -->
    <div v-if="showOperations">
      <!-- operations -->
    </div>
  </div>
</template>

<script>
export default {
  ...
  data () {
    return {
      showOperations: false
    }
  },
  ...
</script>


导出默认值{
...
数据（）{
返回{
显示操作：错误
}
},
...

员额表

<post v-for="post in posts"
      :key="post.id"
      :post="post">
</post>



这个模式适合我，我想它也适合你

<template>
  <div v-on:mouseleave.native="showOperations = false"
       v-on:mouseover.native="showOperations = true">
    <!-- post data -->
    <div v-if="showOperations">
      <!-- operations -->
    </div>
  </div>
</template>

<script>
export default {
  ...
  data () {
    return {
      showOperations: false
    }
  },
  ...
</script>


导出默认值{
...
数据（）{
返回{
显示操作：错误
}
},
...

员额表

<post v-for="post in posts"
      :key="post.id"
      :post="post">
</post>



这个模式适合我，我想它也适合你
谢谢！如果我理解正确，showOperations将只属于实际帖子，而不是共享变量！它适合我，谢谢！我觉得很愚蠢，我太习惯Vuex了，以至于忘记了基本的东西。我使用了\@mouseover和\@mouseout供参考。谢谢！如果我理解r好的，showOperations将只属于实际的帖子，而不是共享变量！它在我这边起作用，谢谢！我觉得很愚蠢，我太习惯Vuex了，以至于忘记了基本的东西。我使用了\@mouseover和\@mouseout供参考。