Direktiva v-else-if ve Vue
Místo několika v-if lze použít
konstrukce 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ženo následující:
data() {
age: 25,
}
Pokud je vlastnost age menší než 18 - vypište
na obrazovku 'teenager', pokud je od
19 do 25 - vypište na obrazovku 'mladý
člověk', a pokud je více než 26 - vypište
na obrazovku 'muž'.
