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,
}
}
Қасиеттің мәніне байланысты бір мәтін немесе басқа мәтін шығарыңыз.
