VueJS Наведите курсор мыши на цикл - PullRequest
Новая
       9

VueJS Наведите курсор мыши на цикл

0 голосов
/ 15 октября 2018

У меня для этого будет создан компонент для каждого индекса.

В этом компоненте у меня есть дочерний элемент div, содержащий кнопки редактирования, добавления, минуса.Я хотел бы, чтобы он отображался при наведении курсора на компонент.

Как мне добиться этого динамически, не играя с индексами?

Спасибо.

1 Ответ

0 голосов
/ 15 октября 2018

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>

Этот шаблон работает для меня, и я думаю, что он работает и для вас

...