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

这是我目前拥有的代码，我正在使用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>

{{item}

您可以在向阵列添加消息的任何函数中使用

setTimeout

：

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

---

你注意到了吗？您的循环仅限于

p

标记。