Direktivet v-else-if i Vue
I stedet for flere v-if kan man bruge
konstruktioner med v-else-if:
<template>
<p v-if="num == 1">one</p>
<p v-else-if="num == 2">two</p>
<p v-else-if="num == 3">three</p>
<p v-else>error</p>
</template>
Lad følgende være gemt i data:
data() {
age: 25,
}
Hvis egenskaben age er mindre end 18 - vis
'teenager' på skærmen, hvis den er mellem
19 og 25 - vis 'ung person' på skærmen,
og hvis den er mere end 26 - vis 'mand' på skærmen.
