Direktivet v-else i Vue
Direktivet v-if kan også jobbe
sammen med v-else. La oss se
hvordan dette ser ut i praksis.
La egenskapen isAuth inneholde om
brukeren er autentisert eller ikke:
data() {
return {
isAuth: true, // her enten true eller false
}
}
La oss sørge for at enten den ene meldingen
eller den andre vises, avhengig av verdien
på isAuth:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Gitt egenskapen isAdmin:
data() {
return {
isAdmin: true,
}
}
Avhengig av verdien til egenskapen, vis enten den ene teksten eller den andre.
