Vue direktiiv v-else
Direktiiv v-if võib töötada koos
v-else-iga. Vaatame,
kuidas see praktikas välja näeb.
Olgu omadus isAuth sisaldav kas
kasutaja on autenditud või mitte:
data() {
return {
isAuth: true, // siin on kas true või false
}
}
Teeme nii, et sõltuvalt väärtusest
isAuth kuvatakse kas üks sõnum
või teine:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Antud omadus isAdmin:
data() {
return {
isAdmin: true,
}
}
Sõltuvalt omaduse väärtusest kuvage kas üks tekst või teine.
