Die v-else Direktive in Vue
Die Direktive v-if kann auch
in Kombination mit v-else arbeiten.
Schauen wir uns an, wie das in der Praxis aussieht.
Nehmen wir an, die Eigenschaft isAuth enthält,
ob der Benutzer autorisiert ist oder nicht:
data() {
return {
isAuth: true, // hier entweder true oder false
}
}
Machen wir es so, dass je nach Wert von
isAuth die eine oder die andere Nachricht
ausgegeben wird:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Gegeben ist die Eigenschaft isAdmin:
data() {
return {
isAdmin: true,
}
}
Geben Sie je nach Wert der Eigenschaft entweder den einen oder den anderen Text aus.
