Directive v-else-if in Vue
In plaats van meerdere v-if kan men
constructies v-else-if gebruiken:
<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>
Stel dat in data het volgende wordt opgeslagen:
data() {
age: 25,
}
Als de eigenschap age minder dan 18 is - toon dan
op het scherm 'tiener', als het van
19 tot 25 is - toon dan op het scherm 'jonge
man', en als het meer dan 26 is - toon dan
op het scherm 'man'.
