Directive v-else in Vue
De directive v-if kan ook werken
in combinatie met v-else. Laten we eens kijken
hoe dit er in de praktijk uitziet.
Stel dat de property isAuth bevat
of de gebruiker is geauthenticeerd of niet:
data() {
return {
isAuth: true, // hier of true, of false
}
}
Laten we het zo maken dat afhankelijk van de waarde van
isAuth of het ene bericht wordt weergegeven,
of het andere:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Gegeven de property isAdmin:
data() {
return {
isAdmin: true,
}
}
Afhankelijk van de waarde van de property geef je of de ene tekst weer, of de andere.
