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 প্রপার্টিটি ১৮-এর কম হয় - স্ক্রিনে দেখান
'কিশোর', যদি এটি ১৯ থেকে ২৫-এর মধ্যে হয় - স্ক্রিনে দেখান 'তরুণ
মানুষ', এবং যদি ২৬-এর বেশি হয় - স্ক্রিনে দেখান
'পুরুষ'।
