Összetett feltételek a Vue-ban
A v-if direktívában lehetőség van
összetettebb feltételek megadására. Tegyük fel például,
hogy a num tulajdonság
értéke a 1, 2 vagy
3 számok egyike lehet:
data() {
return {
num: 3, // tegyük fel, hogy jelenleg 3
}
}
Most készítsünk három bekezdést, amelyek közül
csak az egyik jelenik meg a num
tulajdonság értékétől függően:
<template>
<p v-if="num === 1">egy</p>
<p v-if="num === 2">kettő</p>
<p v-if="num === 3">három</p>
</template>
Lehetőség van még összetettebb feltételek megadására is:
<template>
<p v-if="num === 1 || num === 3">
egy vagy három
</p>
</template>
Adott a day tulajdonság, amelyben a
hét aktuális napja van rögzítve. Tegyük fel, hogy van
hét bekezdésed, mindegyikben egy-egy hét napjának
nevével. Állítsd be úgy, hogy a képernyőn
csak az a bekezdés legyen látható, amelyik
a hét aktuális napjának a nevét tartalmazza.
