V-else-if-direktiivi Vue:ssa
Useiden v-if:ien sijasta voit käyttää
rakenteita v-else-if:
<template>
<p v-if="num == 1">yksi</p>
<p v-else-if="num == 2">kaksi</p>
<p v-else-if="num == 3">kolme</p>
<p v-else>virhe</p>
</template>
Olkoon data:ssa tallennettuna seuraavaa:
data() {
age: 25,
}
Jos ominaisuus age on alle 18 - tulosta
näytölle 'teini', jos se on
19:stä 25:een - tulosta näytölle 'nuori
ihminen', ja jos yli 26 - tulosta
näytölle 'mies'.
