Vue-тегі v-else-if
Бірнеше v-if орнына
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>
data-та мынаны сақтайық:
data() {
age: 25,
}
Егер age қасиеті 18-ден кіші болса - экранға
'жасөспірім' шығарыңыз, егер ол
19-дан 25-ке дейін болса - экранға 'жігіт'
шығарыңыз, ал егер 26-дан асқан болса - экранға
'ер адам' шығарыңыз.