Objekt s CSS razredi v Vue
CSS razredi lahko shranjeni tudi v
objektih. Pri tem so imena razredov
ključi objekta, elementi objekta
pa so logične vrednosti.
Če je vrednost true,
bo razred dodan elementu,
če pa false, pa ne bo.
Poskusimo v praksi. Naj imamo naslednji objekt z razredi:
data() {
return {
obj: {
active: true,
valid: false,
},
}
}
Povežimo ta objekt z oznako:
<template>
<p :class="obj">text</p>
</template>
Podan je naslednji objekt z CSS razredi:
data() {
return {
obj: {
done: true,
selected: false,
},
}
}
Uporabite te razrede na kateri oznaki. Preverite, kateri razredi so se uporabili, kateri pa ne.
