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,
}
}
Հատկության արժեքից կախված արտածեք կամ մեկ տեքստ, կամ մեկ այլ տեքստ։