Vue:n v-else-direktiivi
Direktiivi v-if voi myös toimia
yhdessä v-else:n kanssa. Katsotaan,
milta se käytännössä näyttää.
Oletetaan, että ominaisuus isAuth sisältää tiedon siitä,
onko käyttäjä tunnistautunut vai ei:
data() {
return {
isAuth: true, // tässä joko true tai false
}
}
Tehdään niin, että isAuth-ominaisuuden arvosta riippuen
näytetään joko yksi viesti tai toinen:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Annettu ominaisuus isAdmin:
data() {
return {
isAdmin: true,
}
}
Ominaisuuden arvosta riippuen tulosta joko yksi teksti tai toinen.
