Directive v-else trong Vue
Directive v-if cũng có thể hoạt động
cùng với v-else. Hãy xem
nó trông như thế nào trong thực tế.
Giả sử thuộc tính isAuth chứa thông tin
về việc người dùng đã được xác thực hay chưa:
data() {
return {
isAuth: true, // ở đây là true hoặc false
}
}
Hãy làm sao để tùy thuộc vào giá trị của
isAuth mà hiển thị thông báo này
hoặc thông báo khác:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Cho trước thuộc tính isAdmin:
data() {
return {
isAdmin: true,
}
}
Tùy thuộc vào giá trị của thuộc tính, hãy hiển thị hoặc văn bản này, hoặc văn bản khác.