Direktivet v-else i Vue
Direktivet v-if kan også arbejde
sammen med v-else. Lad os se,
hvordan det ser ud i praksis.
Lad egenskaben isAuth indeholde om
brugeren er autoriseret eller ej:
data() {
return {
isAuth: true, // her enten true eller false
}
}
Lad os sørge for, at afhængigt af værdien af
isAuth vises den ene besked
eller den anden:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Givet egenskaben isAdmin:
data() {
return {
isAdmin: true,
}
}
Afhængigt af egenskabens værdi skal du vise enten den ene tekst eller den anden.
