CSS Kelas melalui data dalam Vue
Kelas CSS boleh ditambah pada elemen
bergantung pada nilai sifat
objek data. Mari lihat pada
contoh. Katakan kita mempunyai sifat-sifat
berikut:
data() {
return {
isActive: true,
hasError: true,
}
}
Tambahkan kelas CSS pada elemen bergantung pada nilai sifat kita:
<template>
<p :class="{active: isActive, error: hasError}">
teks
</p>
</template>
Diberi sifat-sifat berikut:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Buat supaya bergantung pada nilai sifat-sifat ini dalam teg ditambah kelas CSS yang sepadan.