Vue3 v-else-Direktive
Vue3 Eingebaute Direktivenv-elseDie Direktive wird verwendet, um den else-Block von v-if oder v-else-if darzustellen.
Grundlegende Beschreibung
v-elseDie Direktive muss unmittelbar auf ein v-if- oder v-else-if-Element folgen und gibt den Inhalt an, der gerendert werden soll, wenn keine der vorhergehenden Bedingungen erfüllt ist.
- Erwarteter Typ: Keiner (akzeptiert keine Ausdrücke)
- Wirkung: Stellt den else-Block von v-if dar und muss ein v-if- oder v-else-if-Element vorausgehen.
Grundlegende Verwendung
Beispiel
<template>
<div>
<p v-if="isLoggedIn">Willkommen zurück</p>
<p v-else>Bitte anmelden</p>
</div>
</template>
<script>
export default {
data() {
return { isLoggedIn: false }
}
}
</script>
<div>
<p v-if="isLoggedIn">Willkommen zurück</p>
<p v-else>Bitte anmelden</p>
</div>
</template>
<script>
export default {
data() {
return { isLoggedIn: false }
}
}
</script>
Andere Erweiterungen