Директива v-else у Vue-у
Директива v-if такође може да ради
у комбинацији са v-else. Хајде да видимо
како то изгледа у пракси.
Нека својство isAuth садржи податак
да ли је корисник ауторизован или не:
data() {
return {
isAuth: true, // овде или true, или false
}
}
Направимо да у зависности од вредности
isAuth буде приказана једна или друга порука:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Дато својство isAdmin:
data() {
return {
isAdmin: true,
}
}
У зависности од вредности својства прикажите један или други текст.