Diretiva v-else-if em Vue
Em vez de vários v-if, você pode usar
construtores v-else-if:
<template>
<p v-if="num == 1">um</p>
<p v-else-if="num == 2">dois</p>
<p v-else-if="num == 3">três</p>
<p v-else>erro</p>
</template>
Suponha que o seguinte esteja armazenado em data:
data() {
age: 25,
}
Se a propriedade age for menor que 18 - exiba
'adolescente' na tela, se estiver entre
19 e 25 - exiba 'jovem' na tela,
e se for maior que 26 - exiba 'homem' na tela.
