@dominy

Как удалять из v-for по таймеру?

Здравствуйте, позвольте попросить совет как правильно добавлять/удалять/возобновлять таймер для мессенджера.
То есть сообщения должны удаляться через 5с после создания, но если mouseenter таймер сбрасывается/mouseleave возобновляется
Код мессенджера
<template>
  <div class="messenger">
    <div
      v-for="[key, msg] in messages"
      :key="key"
      @click="messages.delete(key)"
    >
      {{ msg }}
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      messages: new Map(),
      i: 0,
    };
  },
  mounted() {
    window.authorizationMessage = function (msg) {
      this.messages.set(++this.i, msg);
    }.bind(this);
  },
};
</script>

Я предполагаю что так как мне нужно иметь возможность удалять таймеры - то мне нужен массив таймеров, но я никогда не реализовывал нечего подобного, как бы вы подошли к задаче))?
  • Вопрос задан
  • 63 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы