Masharti Magumu katika Vue
Katika derectiva v-if unaweza kufanya
masharti magumu zaidi. Hebu sema, kwa mfano,
katika sifa num inaweza
kuwa moja ya namba 1, 2 au
3:
data() {
return {
num: 3, // hebu sema kwa sasa kuna 3
}
}
Sasa tufanye aya tatu, ambazo
moja tu itaonyeshwa
kulingana na thamani ya
sifa num:
<template>
<p v-if="num === 1">moja</p>
<p v-if="num === 2">mbili</p>
<p v-if="num === 3">tatu</p>
</template>
Pia unaweza kufanya masharti magumu zaidi:
<template>
<p v-if="num === 1 || num === 3">
moja au tatu
</p>
</template>
Imepatiwa sifa day, ambamo imeandikwa
siku ya sasa ya wiki. Hebu pia uwe na
aya saba, katika kila moja imeandikwa
jina la siku ya wiki. Fanya ili kwenye skrini
ionekane aya tu, iliyo na jina la
siku ya sasa ya wiki.
