Vue-da v-else-if direktivi
Bir nece v-if istifade etmek yerine
v-else-if konstruksiyasindan istifade ede bilersiniz:
<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>
Tutaq ki, data-da asagidaki melumat saxlanilir:
data() {
age: 25,
}
Əgər age xüsusiyyəti 18-dən kiçikdirsə - ekranda
'yeniyetmə' göstərin, əgər o
19-dan 25-ə qədərdirsə - ekranda 'gənc
insan' göstərin, əgər 26-dan böyükdürsə - ekranda
'kişi' göstərin.