Direktiva v-else ve Vue
Direktiva v-if může také pracovat
v kombinaci s v-else. Podívejme se,
jak to vypadá v praxi.
Nechť vlastnost isAuth obsahuje to,
zda je uživatel autorizován nebo ne:
data() {
return {
isAuth: true, // zde buď true, nebo false
}
}
Uděláme to tak, aby v závislosti na hodnotě
isAuth bylo zobrazeno buď jedno sdělení,
nebo druhé:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Je dána vlastnost isAdmin:
data() {
return {
isAdmin: true,
}
}
V závislosti na hodnotě vlastnosti zobrazte buď jeden text, nebo druhý.
