Keadaan Kompleks dalam Vue
Dalam arahan v-if, anda boleh membuat
keadaan yang lebih kompleks. Sebagai contoh,
katakan dalam sifat num boleh
menjadi salah satu nombor 1, 2 atau
3:
data() {
return {
num: 3, // katakan sekarang ada 3
}
}
Sekarang mari kita buat tiga perenggan, di mana
hanya satu akan ditunjukkan
bergantung pada nilai
sifat num:
<template>
<p v-if="num === 1">one</p>
<p v-if="num === 2">two</p>
<p v-if="num === 3">three</p>
</template>
Anda juga boleh membuat keadaan yang lebih kompleks:
<template>
<p v-if="num === 1 || num === 3">
one or two
</p>
</template>
Diberi sifat day, yang mencatat
hari minggu semasa. Katakan juga anda mempunyai
tujuh perenggan, dalam setiap satunya tertulis
nama hari minggu. Pastikan hanya perenggan yang mengandungi nama
hari minggu semasa kelihatan pada skrin.
