Direktivet v-else-if i Vue
I stedet for flere v-if kan man bruke
konstruksjoner 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>
La følgende være lagret i data:
data() {
age: 25,
}
Hvis egenskapen age er mindre enn 18 - vis
på skjermen 'tenåring', hvis den er fra
19 til 25 - vis på skjermen 'ung
person', og hvis den er mer enn 26 - vis
på skjermen 'mann'.