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 ගුණාංගය 18 ට වඩා අඩු නම් - තිරයේ
'කොල්ලෙක්/චෙලෙක්' පෙන්වන්න,
එය 19 සිට 25 දක්වා නම් - තිරයේ 'තරුණ
පුද්ගලයෙක්' පෙන්වන්න,
සහ 26 ට වැඩි නම් - තිරයේ 'පිරිමි අයෙක්' පෙන්වන්න.
