Сложни условија во Vue
Во директивата v-if може да се прават
покомплексни услови. Нека, на пример,
во својството num може
да има еден од броевите 1, 2 или
3:
data() {
return {
num: 3, // нека моментално има 3
}
}
Сега да направиме три параграфи, од
кои ќе се прикажува само еден
во зависност од вредноста
на својството num:
<template>
<p v-if="num === 1">one</p>
<p v-if="num === 2">two</p>
<p v-if="num === 3">three</p>
</template>
Може да се прават и посложени услови:
<template>
<p v-if="num === 1 || num === 3">
one or two
</p>
</template>
Дадено е својството day, во кое е запишан
тековниот ден од неделата. Нека исто така имате
седум параграфи, во секој од нив е напишано
името на денот од неделата. Направете така што на екранот
ќе се гледа само параграфот што го содржи името
на тековниот ден од неделата.