Directiva v-else-if în Vue
În loc de mai multe v-if poți folosi
constructii 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>
Fie că în data este stocat următorul lucru:
data() {
age: 25,
}
Dacă proprietatea age este mai mică de 18 - afișează
pe ecran 'adolescent', dacă este de la
19 până la 25 - afișează pe ecran 'tânăr',
iar dacă este mai mare de 26 - afișează
pe ecran 'bărbat'.
