Kushte komplekse në Vue
Në direktivën v-if mund të bëhen
kushte më komplekse. Le të themi, për shembull,
në vetinë num mund të
jetë një nga numrat 1, 2 ose
3:
data() {
return {
num: 3, // le të jetë 3 tani
}
}
Tani le të bëjmë tre paragrafë, nga
të cilët do të shfaqet vetëm një
në varësi të vlerës së
vetisë num:
<template>
<p v-if="num === 1">një</p>
<p v-if="num === 2">dy</p>
<p v-if="num === 3">tre</p>
</template>
Mund të bëhen edhe kushte më komplekse:
<template>
<p v-if="num === 1 || num === 3">
një ose tre
</p>
</template>
Është dhënë vetia day, në të cilën është regjistruar
dita aktuale e javës. Le të themi gjithashtu se keni
shtatë paragrafë, në secilin prej të cilëve është shkruar
emri i ditës së javës. Bëni që në ekran
të jetë i dukshëm vetëm paragrafi që përmban emrin
e ditës aktuale të javës.
