Clase CSS prin data în Vue
Clasele CSS pot fi adăugate unui element
în funcție de valorile proprietăților
obiectului data. Să vedem un
exemplu. Să presupunem că avem următoarele
proprietăți:
data() {
return {
isActive: true,
hasError: true,
}
}
Să adăugăm elementului clase CSS în funcție de valoarea proprietăților noastre:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Sunt date următoarele proprietăți:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Faceți astfel încât în funcție de valorile acestor proprietăți în tag să fie adăugate clasele CSS corespunzătoare.
