Direktíva v-else-if vo Vue
Namiesto niekoľkých v-if môžete použiť
konštrukcie 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>
Nech v data je uložené nasledovné:
data() {
age: 25,
}
Ak je vlastnosť age menšia ako 18 - vypíšte
na obrazovku 'teenager', ak je od
19 do 25 - vypíšte na obrazovku 'mladý
človek', a ak je viac ako 26 - vypíšte
na obrazovku 'muž'.