Direktiva v-else në Vue
Direktiva v-if mund të punojë gjithashtu
në kompleks me v-else. Le të shohim
se si duket në praktikë.
Le të supozojmë se vetia isAuth përmban
nëse përdoruesi është i autorizuar apo jo:
data() {
return {
isAuth: true, // këtu ose true, ose false
}
}
Le të bëjmë që në varësi të vlerës së
isAuth të shfaqet ose një mesazh,
ose një tjetër:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Është dhënë vetia isAdmin:
data() {
return {
isAdmin: true,
}
}
Në varësi të vlerës së vetisë shfaqni ose një tekst, ose një tjetër.