Direktiva v-else u Vue
Direktiva v-if takođe može da radi
u kompletu sa v-else. Hajde da pogledamo
kako to izgleda u praksi.
Neka svojstvo isAuth sadrži to,
da li je korisnik autorizovan ili ne:
data() {
return {
isAuth: true, // ovde ili true, ili false
}
}
Učinimo tako da u zavisnosti od vrednosti
isAuth bude prikazana ili jedna poruka,
ili druga:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Data je osobina isAdmin:
data() {
return {
isAdmin: true,
}
}
U zavisnosti od vrednosti osobine prikažite ili jedan tekst, ili drugi.