Η οδηγία v-else στο Vue
Η οδηγία v-if μπορεί επίσης να λειτουργεί
σε συνδυασμό με την v-else. Ας δούμε
πώς αυτό φαίνεται στην πράξη.
Ας υποθέσουμε ότι η ιδιότητα isAuth περιέχει
αν ο χρήστης είναι πιστοποιημένος ή όχι:
data() {
return {
isAuth: true, // εδώ είτε true, είτε false
}
}
Ας κάνουμε έτσι ώστε ανάλογα με την τιμή
της isAuth να εμφανίζεται είτε το ένα μήνυμα,
είτε το άλλο:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Δίνεται η ιδιότητα isAdmin:
data() {
return {
isAdmin: true,
}
}
Ανάλογα με την τιμή της ιδιότητας εμφανίστε είτε το ένα κείμενο, είτε το άλλο.
