CSS kelas melalui data di Vue
Kelas CSS dapat ditambahkan ke elemen
tergantung pada nilai properti
objek data. Mari kita lihat
contohnya. Misalkan kita memiliki properti
berikut:
data() {
return {
isActive: true,
hasError: true,
}
}
Mari tambahkan kelas CSS ke elemen tergantung pada nilai properti kita:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Diberikan properti berikut:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Buatlah agar tergantung pada nilai properti ini, tag menambahkan kelas CSS yang sesuai.
