Kompleksni pogoji v Vue
V direktivi v-if je mogoče
narediti bolj zapletene pogoje. Naj bo na primer
v lastnosti num ena od številk
1, 2 ali
3:
data() {
return {
num: 3, // naj bo tam trenutno 3
}
}
Zdaj naredimo tri odstavke, od katerih
bo prikazan le eden
glede na vrednost
lastnosti num:
<template>
<p v-if="num === 1">one</p>
<p v-if="num === 2">two</p>
<p v-if="num === 3">three</p>
</template>
Lahko naredite tudi bolj zapletene pogoje:
<template>
<p v-if="num === 1 || num === 3">
one or two
</p>
</template>
Podana je lastnost day, v kateri je zapisan
trenutni dan v tednu. Naj imate tudi
sedem odstavkov, v vsakem od katerih je napisano
ime dneva v tednu. Poskrbite, da bo na zaslonu
viden le odstavek, ki vsebuje ime
trenutnega dneva v tednu.
