A v-else direktíva Vue-ban
A v-if direktíva együtt is működhet
a v-else direktívával. Nézzük meg,
hogyan néz ez ki a gyakorlatban.
Tegyük fel, hogy a isAuth tulajdonság tartalmazza,
hogy a felhasználó be van-e jelentkezve vagy sem:
data() {
return {
isAuth: true, // itt vagy true, vagy false
}
}
Ügyeljünk arra, hogy a isAuth értékétől függően
vagy egy üzenet jelenjen meg,
vagy egy másik:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Adott a isAdmin tulajdonság:
data() {
return {
isAdmin: true,
}
}
A tulajdonság értékétől függően jelenítsen meg vagy egy szöveget, vagy egy másikat.
