Vue-da Murakkab Shartlar
v-if direktivida
ancha murakkab shartlarni yaratish mumkin. Faraz qilaylik, masalan,
num xususiyatida
1, 2 yoki
3 raqamlaridan biri bo'lsin:
data() {
return {
num: 3, // hozir u yerda 3 deb faraz qilaylik
}
}
Endi num xususiyatining qiymatiga qarab
faqat bittasi ko'rsatiladigan uchta paragraf yaratamiz:
<template>
<p v-if="num === 1">one</p>
<p v-if="num === 2">two</p>
<p v-if="num === 3">three</p>
</template>
Bundan ham murakkab shartlarni yaratish mumkin:
<template>
<p v-if="num === 1 || num === 3">
one or two
</p>
</template>
day xususiyati berilgan bo'lib, unda joriy hafta kuni yozilgan.
Yana sizda etti ta paragraf bor, ularning har birida hafta kunining nomi yozilgan.
Ekranda faqatgina joriy hafta kunining nomini o'z ichiga olgan paragraf ko'rinadigan qiling.
