javascript / beginner
Snippet
Umschalten von booleschen Sichtbarkeits-Flags
Die Steuerung von Oberflächenelementen wie Dialogen oder Menüs basiert häufig auf booleschen Werten in Vue-Refs. Der logische NOT-Operator `!` bietet eine einfache Umschaltlogik, während explizite Zuweisungen deterministische Zustände sicherstellen.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
import { ref } from 'vue';const isModalVisible = ref(false);function toggleModal() {isModalVisible.value = !isModalVisible.value;}function closeModal() {isModalVisible.value = false;}
vue
Erklärung
1
const isModalVisible = ref(false);
Deklariert einen booleschen reaktiven Zustand mit dem Anfangswert false.
2
isModalVisible.value = !isModalVisible.value;
Invertiert den aktuellen booleschen Wert, um zwischen sichtbar und unsichtbar zu wechseln.
3
isModalVisible.value = false;
Setzt den Wert explizit auf false, um das Schließen des Dialogs zu garantieren.