Vue'da v-else-if Direktifi
Birden fazla v-if yerine
v-else-if yapıları kullanılabilir:
<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 içinde aşağıdakilerin saklandığını varsayalım:
data() {
age: 25,
}
Eğer age özelliği 18'den küçükse - ekrana
'ergen' yazdırın, eğer 19 ile 25 arasındaysa - ekrana 'genç
insan' yazdırın, eğer 26'dan büyükse - ekrana
'erkek' yazdırın.
