Die v-else Direktief in Vue
Die direktyf v-if kan ook saamwerk
met v-else. Kom ons kyk hoe
dit in die praktyk lyk.
Laat die eienskap isAuth bevat
of die gebruiker geïdentifiseer is of nie:
data() {
return {
isAuth: true, // hier is dit of true, of false
}
}
Laat ons maak dat afhangende van die waarde van
isAuth een boodskap of 'n ander een
vertoon word:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Gegewe die eienskap isAdmin:
data() {
return {
isAdmin: true,
}
}
Afhangende van die waarde van die eienskap vertoon of die een teks, of die ander een.
