Vue-da v-else direktivi
v-if direktivi
v-else ilə birlikdə də işləyə bilər.
Gəlin praktikada bunun necə göründüyünə baxaq.
Tutaq ki, isAuth xassəsi istifadəçinin
daxil olub-olmadığını ehtiva edir:
data() {
return {
isAuth: true, // burada ya true, ya da false
}
}
Gəlin elə edək ki, isAuth-ın dəyərindən asılı olaraq
ya bir mesaj, ya da digəri göstərilsin:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
isAdmin xassəsi verilmişdir:
data() {
return {
isAdmin: true,
}
}
Xassənin dəyərindən asılı olaraq ya bir mətni, ya da digərini göstərin.
