Složeni uslovi u Vue
U direktivi v-if mogu se praviti
složeniji uslovi. Na primer, neka u svojstvu
num može biti
jedan od brojeva 1, 2 ili
3:
data() {
return {
num: 3, // neka je trenutno 3
}
}
Sada ćemo napraviti tri paragrafa, od
kojih će biti prikazan samo jedan
u zavisnosti od vrednosti
svojstva num:
<template>
<p v-if="num === 1">jedan</p>
<p v-if="num === 2">dva</p>
<p v-if="num === 3">tri</p>
</template>
Mogu se praviti i složeniji uslovi:
<template>
<p v-if="num === 1 || num === 3">
jedan ili tri
</p>
</template>
Data je osobina day, u kojoj je zapisan
trenutni dan u nedelji. Neka takođe imate
sedam paragrafa, u svakom od kojih je napisano
ime dana u nedelji. Postavite tako da na ekranu
bude vidljiv samo paragraf koji sadrži naziv
trenutnog dana u nedelji.
