Vue'da Karmaşık Koşullar
v-if direktifinde
daha karmaşık koşullar oluşturulabilir.
Örneğin, num özelliğinde
1, 2 veya
3 sayılarından biri bulunabilir:
data() {
return {
num: 3, // şu anda 3 olduğunu varsayalım
}
}
Şimdi, num özelliğinin değerine bağlı olarak
sadece birinin görüntüleneceği üç paragraf oluşturalım:
<template>
<p v-if="num === 1">one</p>
<p v-if="num === 2">two</p>
<p v-if="num === 3">three</p>
</template>
Daha karmaşık koşullar da oluşturulabilir:
<template>
<p v-if="num === 1 || num === 3">
one or two
</p>
</template>
day özelliği verildi, içinde mevcut haftanın günü yazılı.
Ayrıca, her birinde haftanın bir gününün adı yazılı yedi paragrafınız olduğunu varsayalım.
Ekranda sadece mevcut günün adını içeren paragrafın görünür olmasını sağlayın.
