CSS klases caur data Vue
CSS klases var pievienot elementam
atkarībā no objekta data
īpašību vērtībām. Apskatīsim to
ar piemēru. Pieņemsim, ka mums ir šādas
īpašības:
data() {
return {
isActive: true,
hasError: true,
}
}
Pievienosim elementam CSS klases atkarībā no mūsu īpašību vērtībām:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Dotas šādas īpašības:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Izdariet tā, lai atkarībā no šo īpašību vērtībām tagā tiktu pievienotas atbilstošās CSS klases.
