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дан чоң болсо - экранга
'эркек' чыгарыңыз.
