Direktíva v-else vo Vue
Direktíva v-if môže tiež pracovať
v kombinácii s v-else. Pozrime sa,
ako to vyzerá v praxi.
Nech vlastnosť isAuth obsahuje to,
či je používateľ autorizovaný alebo nie:
data() {
return {
isAuth: true, // tu alebo true, alebo false
}
}
Urobme tak, aby v závislosti od hodnoty
isAuth sa zobrazila jedna správa
alebo druhá:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Daná vlastnosť isAdmin:
data() {
return {
isAdmin: true,
}
}
V závislosti od hodnoty vlastnosti zobrazte jeden text alebo druhý.
