Zložité podmienky vo Vue
V direktíve v-if je možné vytvárať
zložitejšie podmienky. Nech napríklad
v property num môže
byť jedno z čísel 1, 2 alebo
3:
data() {
return {
num: 3, // nech je tam teraz 3
}
}
Teraz vytvorme tri odseky, z
ktorých bude zobrazený iba jeden
v závislosti od hodnoty
property num:
<template>
<p v-if="num === 1">one</p>
<p v-if="num === 2">two</p>
<p v-if="num === 3">three</p>
</template>
Je možné vytvárať aj zložitejšie podmienky:
<template>
<p v-if="num === 1 || num === 3">
one or two
</p>
</template>
Je daná property day, v ktorej je zapísaný
aktuálny deň týždňa. Nech máte tiež
sedem odsekov, v každom z nich je napísaný
názov dňa týždňa. Zaistite, aby na obrazovke
bol viditeľný iba odstavec obsahujúci názov
aktuálneho dňa týždňa.
