Vue да v-else-if директиваси
Бир нечта v-if ўрнига
v-else-if конструкцияларидан фойдаланиш мумкин:
<template>
<p v-if="num == 1">бир</p>
<p v-else-if="num == 2">икки</p>
<p v-else-if="num == 3">уч</p>
<p v-else>хато</p>
</template>
data да қуйидаги маълумот сақлансин:
data() {
age: 25,
}
Агар age хусусияти 18 дан кичик бўлса - экранга
'ўсмир' чиқаринг, агар у
19 дан 25 гача бўлса - экранга 'йигит' чиқаринг,
агар 26 дан катта бўлса - экранга
'ер' чиқаринг.