Komplekse Voorwaardes in Vue
In die v-if richtlijn kan jy
meer komplekse voorwaardes maak. Laat ons byvoorbeeld sê,
die eienskap num kan
een van die getalle 1, 2 of
3 wees:
data() {
return {
num: 3, // laat ons sê daar is nou 3
}
}
Laat ons nou drie paragrawe maak, waarvan
slegs een gewys sal word
afhangende van die waarde van die
eienskap num:
<template>
<p v-if="num === 1">een</p>
<p v-if="num === 2">twee</p>
<p v-if="num === 3">drie</p>
</template>
Jy kan selfs meer komplekse voorwaardes maak:
<template>
<p v-if="num === 1 || num === 3">
een of twee
</p>
</template>
Gegewe die eienskap day, waarin die
huidige dag van die week geskryf is. Laat ons ook sê jy het
sewe paragrawe, in elk waarvan die
naam van 'n weekdag geskryf is. Maak dit so dat slegs die paragraaf wat die naam van die
huidige weekdag bevat, op die skerm
sigbaar is.
