Direktif v-else-if di Vue
Alih-alih beberapa v-if, Anda dapat menggunakan
konstruksi 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>
Misalkan dalam data disimpan berikut ini:
data() {
age: 25,
}
Jika properti age kurang dari 18 - tampilkan
di layar 'remaja', jika antara
19 hingga 25 - tampilkan di layar 'pemuda'
, dan jika lebih dari 26 - tampilkan
di layar 'pria dewasa'.
