Vue-də mürəkkəb şərtlər
v-if direktivində
daha mürəkkəb şərtlər yaratmaq olar.
Məsələn, num xassəsində
1, 2 və ya
3 rəqəmlərindən biri ola bilər:
data() {
return {
num: 3, // tutaq ki, hazırda orada 3 var
}
}
İndi isə gəlin num xassəsinin
qiymətindən asılı olaraq yalnız birinin
göstəriləcəyi üç abzas yaradaq:
<template>
<p v-if="num === 1">bir</p>
<p v-if="num === 2">iki</p>
<p v-if="num === 3">üç</p>
</template>
Daha mürəkkəb şərtlər də yaratmaq olar:
<template>
<p v-if="num === 1 || num === 3">
bir və ya üç
</p>
</template>
day xassəsi verilmişdir, onda cari həftə günü
qeyd olunub. Tutaq ki, sizin həm də hər birində həftənin gününün
adı yazılmış yeddi abzasınız var. Ekranda yalnız
cari həftə gününün adını ehtiva edən abzasın
görünməsini təmin edin.
