Vue-dä data arkaly CSS klaslary
CSS klaslaryny elemente
data obyktiniň aýratynlyklarynyň
gymmatlyklaryna baglylykda
goşup bolýar. Mysal üçin seredeliň. Bizde aşakdaky
aýratynlyklar bar bolsun:
data() {
return {
isActive: true,
hasError: true,
}
}
Elemente CSS klaslaryny bizim aýratynlyklarymyzyň gymmatlyklaryna baglylykda goşalyň:
<template>
<p :class="{active: isActive, error: hasError}">
tekst
</p>
</template>
Aşakdaky aýratynlyklar berlen:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Bu aýratynlyklaryň gymmatlyklaryna baglylykda teg-a degişli CSS klaslarynyň goşulmagyny üpjün ediň.
