Dyrektywa v-else w Vue
Dyrektywa v-if może również pracować
w zestawie z v-else. Spójrzmy,
jak to wygląda w praktyce.
Niech właściwość isAuth zawiera to,
czy użytkownik jest uwierzytelniony czy nie:
data() {
return {
isAuth: true, // tutaj lub true, lub false
}
}
Zróbmy tak, aby w zależności od wartości
isAuth wyświetlała się albo jedna wiadomość,
albo druga:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Dana właściwość isAdmin:
data() {
return {
isAdmin: true,
}
}
W zależności od wartości właściwości wyświetl albo jeden tekst, albo drugi.
