如何使用计时器删除通知，但仍保留删除按钮

Question

这是我目前的代码，我正在使用Javascript，Vue.js。

Messages.length是我拥有的消息数组。当您单击x时，它会触发" clearMessages(item("，这是我在服务器端拥有的功能，但是我还想创建一个在通知停留超过10秒时调用该功能的功能。

<div v-if="messages.length">
   <div class="notification is-success">
       <p v-for="item in messages">{{ item }}</p>
        <a @click="clearMessage(item)" class="delete"></a>
   </div>
</div>

Answer 1

您可以在任何向数组中添加消息的函数中使用setTimeout：

function addMessage(message) {
  messages.push(message);
  setTimeout(() => clearMessage(message), 10000);
}