Arahan v-else-if dalam Vue
Daripada beberapa v-if, anda boleh 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>
Katakan dalam data disimpan yang berikut:
data() {
age: 25,
}
Jika sifat age kurang daripada 18 - paparkan
pada skrin 'remaja', jika ia dari
19 hingga 25 - paparkan pada skrin 'belia',
dan jika lebih daripada 26 - paparkan
pada skrin 'lelaki'.