Složité podmínky ve Vue
V direktivě v-if lze vytvářet
složitější podmínky. Nechť například
v vlastnosti num může
být jedno z čísel 1, 2 nebo
3:
data() {
return {
num: 3, // nechť je tam nyní 3
}
}
Nyní vytvořme tři odstavce, z
nichž bude zobrazen pouze jeden
v závislosti na hodnotě
vlastnosti num:
<template>
<p v-if="num === 1">one</p>
<p v-if="num === 2">two</p>
<p v-if="num === 3">three</p>
</template>
Lze vytvářet i složitější podmínky:
<template>
<p v-if="num === 1 || num === 3">
one or two
</p>
</template>
Je dána vlastnost day, ve které je zapsán
aktuální den týdne. Nechť také máte
sedm odstavců, v každém z nichž je napsáno
název dne v týdnu. Zařiďte, aby na obrazovce
byl vidět pouze odstavec obsahující název
aktuálního dne v týdnu.
