დირექტივა v-else-if Vue-ში
რამდენიმე 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-ზე მეტია - გამოიტანეთ
ეკრანზე 'მამაკაცი'.
