Vue-dä CSS klaslarynyň obyekti
CSS klaslary şeýle-de obyektlerde
saklanyp bilner. Bu ýagdaýda klaslaryň adlary
obyektiň açarlary bolup, obyektiň elementleri
bolsa logiki bahalar bolar.
Eger baha true bolsa,
onda klas elemente goşular,
ýöne eger false bolsa, goşulmaz.
Geliň amalyýetda synap göreli. Bizde aşakdaky klaslaryň obyekti bolsun:
data() {
return {
obj: {
active: true,
valid: false,
},
}
}
Bu obyekdi taga çyňýatalyň:
<template>
<p :class="obj">tekst</p>
</template>
Aşakdaky CSS klaslarynyň obyekti berlen:
data() {
return {
obj: {
done: true,
selected: false,
},
}
}
Bu klaslary bir taga ýükläň. Haýsy klaslaryň ýüklenenini we haýsylaryň ýüklenmedigini barlaň.
