⊗jsvuPmCdVEI 24 of 72 menu

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'.

ptazuzcbycs