Sarežģīti nosacījumi Vue
v-if direktīvā var izveidot
sarežģītākus nosacījumus. Pieņemsim, ka, piemēram,
īpašībā num var būt
viens no skaitļiem 1, 2 vai
3:
data() {
return {
num: 3, // pieņemsim, ka tur ir 3
}
}
Tagad izveidosim trīs rindkopas, no
kurām tiks parādīta tikai viena,
atkarībā no īpašības num vērtības:
<template>
<p v-if="num === 1">viens</p>
<p v-if="num === 2">divi</p>
<p v-if="num === 3">trīs</p>
</template>
Var izveidot arī sarežģītākus nosacījumus:
<template>
<p v-if="num === 1 || num === 3">
viens vai trīs
</p>
</template>
Dota īpašība day, kurā ir ierakstīts
pašreizējais nedēļas dienas. Pieņemsim, ka jums ir
septiņas rindkopas, katrā no tām ir uzrakstīts
nedēļas dienas nosaukums. Izveidojiet tā, lai ekrānā
būtu redzama tikai tā rindkopa, kas satur
pašreizējās nedēļas dienas nosaukumu.
