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 से अधिक है - स्क्रीन पर 'वयस्क' प्रदर्शित करें।
