Direktiva v-else v Vue
Direktiva v-if lahko deluje tudi
v kombinaciji z v-else. Poglejmo,
kako to izgleda v praksi.
Naj lastnost isAuth vsebuje,
ali je uporabnik avtentificiran ali ne:
data() {
return {
isAuth: true, // tukaj ali true, ali false
}
}
Naredimo tako, da se glede na vrednost
isAuth izpiše ali eno sporočilo,
ali drugo:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Podana lastnost isAdmin:
data() {
return {
isAdmin: true,
}
}
Glede na vrednost lastnosti izpišite ali eno besedilo, ali drugo.