CSS klase preko data u Vue
CSS klase se mogu dodavati elementu
u zavisnosti od vrednosti svojstava
objekta data. Pogledajmo na
primeru. Neka imamo sledeća
svojstva:
data() {
return {
isActive: true,
hasError: true,
}
}
Dodajmo elementu CSS klase u zavisnosti od vrednosti naših svojstava:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Data su sledeća svojstva:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Učinite da u zavisnosti od vrednosti ovih svojstava u tag budu dodate odgovarajuće CSS klase.
