Direktif v-else di Vue
Direktif v-if juga dapat bekerja
bersama dengan v-else. Mari kita lihat,
bagaimana tampilannya dalam praktik.
Misalkan properti isAuth berisi nilai
yang menunjukkan apakah pengguna telah terautentikasi atau tidak:
data() {
return {
isAuth: true, // di sini true atau false
}
}
Mari buat agar tergantung pada nilai
isAuth, ditampilkan satu pesan atau pesan lainnya:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Diberikan properti isAdmin:
data() {
return {
isAdmin: true,
}
}
Tergantung pada nilai properti, tampilkan satu teks atau teks lainnya.
