Direktivet v-else i Vue
Direktivet v-if kan också fungera
i kombination med v-else. Låt oss se
hur det ser ut i praktiken.
Låt egenskapen isAuth innehålla
om användaren är inloggad eller inte:
data() {
return {
isAuth: true, // här antingen true eller false
}
}
Låt oss se till att antingen ett meddelande
eller ett annat skrivs ut beroende på värdet
på isAuth:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Given egenskapen isAdmin:
data() {
return {
isAdmin: true,
}
}
Beroende på egenskapens värde, skriv ut antingen en text eller en annan.
