Dyrektywa v-else-if w Vue
Zamiast kilku v-if można użyć
konstrukcji 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>
Niech w data przechowywane jest następujące:
data() {
age: 25,
}
Jeśli właściwość age jest mniejsza niż 18 - wyświetl
na ekranie 'nastolatek', jeśli jest od
19 do 25 - wyświetl na ekranie 'młody
człowiek', a jeśli więcej niż 26 - wyświetl
na ekranie 'mężczyzna'.
