javascript / beginner
Snippet
Planen temporärer Benachrichtigungen mit SetTimeout in Vue
Die native asynchrone JavaScript-Funktion setTimeout führt eine Callback-Funktion nach einer angegebenen Verzögerung in Millisekunden aus. In Vue ermöglicht dies temporäre reaktive Zustandsänderungen, wie das automatische Ausblenden einer Benachrichtigung nach 3 Sekunden.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
<script setup>import { ref } from 'vue';const notification = ref('');function triggerAlert(message) {notification.value = message;setTimeout(() => {notification.value = '';}, 3000);}</script>
vue
Erklärung
1
notification.value = message;
Setzt den reaktiven Benachrichtigungstext sofort, damit die UI den Hinweis anzeigt.
2
setTimeout(() => {
Registriert einen asynchronen Callback, der nach Ablauf der Verzögerung ausgeführt wird.
3
notification.value = '';
}, 3000);
Setzt die reaktive Benachrichtigung nach 3000 Millisekunden wieder auf einen leeren String zurück.