Chỉ thị v-else-if trong Vue
Thay vì sử dụng nhiều v-if, có thể sử dụng
cấu trúc v-else-if:
<template>
<p v-if="num == 1">một</p>
<p v-else-if="num == 2">hai</p>
<p v-else-if="num == 3">ba</p>
<p v-else>lỗi</p>
</template>
Giả sử trong data lưu trữ nội dung sau:
data() {
age: 25,
}
Nếu thuộc tính age nhỏ hơn 18 - hãy hiển thị
trên màn hình 'thanh thiếu niên', nếu nó từ
19 đến 25 - hãy hiển thị trên màn hình 'người trẻ
tuổi', và nếu lớn hơn 26 - hãy hiển thị
trên màn hình 'người đàn ông'.
