A v-else-if direktíva Vue-ban
Több v-if helyett használhatunk
v-else-if konstrukciókat:
<template>
<p v-if="num == 1">egy</p>
<p v-else-if="num == 2">kettő</p>
<p v-else-if="num == 3">három</p>
<p v-else>hiba</p>
</template>
Tételezzük fel, hogy a data a következőt tárolja:
data() {
age: 25,
}
Ha a age tulajdonság kisebb, mint 18 - jelenítsen meg
a képernyőn 'tini'-t, ha 19 és 25 között van - jelenítsen meg 'fiatal
felnőtt'-t, ha pedig 26 feletti - jelenítsen meg
'felnőtt férfi'-t.