Keerukad tingimused Vue-s
Direktiivis v-if saab teha
keerukamaid tingimusi. Olgu näiteks
omaduses num võimalikud
väärtused üks numbritest 1, 2 või
3:
data() {
return {
num: 3, // oletame, et praegu on seal 3
}
}
Teeme nüüd kolm lõiku, millest
kuvatakse ainult üks
sõltuvalt omaduse
num väärtusest:
<template>
<p v-if="num === 1">üks</p>
<p v-if="num === 2">kaks</p>
<p v-if="num === 3">kolm</p>
</template>
Võib teha ka keerukamaid tingimusi:
<template>
<p v-if="num === 1 || num === 3">
üks või kaks
</p>
</template>
On antud omadus day, kuhu on salvestatud
praegune nädalapäev. Oletagem, et teil on samuti
seitse lõiku, millest igaühes on kirjas
nädalapäeva nimi. Tehke nii, et ekraanil
oleks näha ainult praegust nädalapäeva nime
sisaldav lõik.
