Vue да v-else директиваси
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,
}
}
Хусуятнинг қийматига қараб бир матн ёки бошқасини чиқаринг.