Directive v-else-if dans Vue
Au lieu de plusieurs v-if, on peut utiliser
des constructions v-else-if :
<template>
<p v-if="num == 1">un</p>
<p v-else-if="num == 2">deux</p>
<p v-else-if="num == 3">trois</p>
<p v-else>erreur</p>
</template>
Supposons que les données suivantes soient stockées dans data :
data() {
age: 25,
}
Si la propriété age est inférieure à 18 - affichez
à l'écran 'adolescent', si elle est comprise
entre 19 et 25 - affichez à l'écran 'jeune
homme', et si elle est supérieure à 26 - affichez
à l'écran 'homme'.