CSS razredi prek data v Vue
CSS razrede lahko dodamo elementu
odvisno od vrednosti lastnosti
objekta data. Poglejmo si
primer. Naj imamo naslednje
lastnosti:
data() {
return {
isActive: true,
hasError: true,
}
}
Dodajmo elementu CSS razrede odvisno od vrednosti naših lastnosti:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Podane so naslednje lastnosti:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Poskrbite, da se bodo v oznako dodali ustrezni CSS razredi, odvisno od vrednosti teh lastnosti.
