Direttiva v-else in Vue
La direttiva v-if può anche funzionare
in combinazione con v-else. Vediamo
come appare nella pratica.
Lascia che la proprietà isAuth contenga
se l'utente è autenticato o meno:
data() {
return {
isAuth: true, // qui o true, o false
}
}
Facciamo in modo che a seconda del valore
di isAuth venga visualizzato un messaggio
o l'altro:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Data la proprietà isAdmin:
data() {
return {
isAdmin: true,
}
}
A seconda del valore della proprietà visualizza un testo o l'altro.
