Directiva v-else în Vue
Directiva v-if poate de asemenea să funcționeze
împreună cu v-else. Să vedem
cum arată asta în practică.
Să presupunem că proprietatea isAuth conține
dacă utilizatorul este autentificat sau nu:
data() {
return {
isAuth: true, // aici sau true, sau false
}
}
Să facem astfel încât, în funcție de valoarea
isAuth să fie afișat fie un mesaj,
fie altul:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Este dată proprietatea isAdmin:
data() {
return {
isAdmin: true,
}
}
În funcție de valoarea proprietății afișați fie un text, fie altul.