Directive v-else dans Vue
La directive v-if peut également fonctionner
en combinaison avec v-else. Voyons
à quoi cela ressemble en pratique.
Supposons que la propriété isAuth contienne
si l'utilisateur est autorisé ou non :
data() {
return {
isAuth: true, // ici soit true, soit false
}
}
Faisons en sorte qu'en fonction de la valeur
de isAuth, un message ou un autre
soit affiché :
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Étant donné la propriété isAdmin :
data() {
return {
isAdmin: true,
}
}
En fonction de la valeur de la propriété, affichez soit un texte, soit un autre.
