Kitu chenye CSS Classes katika Vue
CSS classes pia zinaweza kuhifadhiwa katika
vitu. Katika kesi hii, majina ya classes
yatakuwa funguo za kitu, na vipengele vya
kitu vitakuwa viwango vya kimantiki.
Ikiwa thamani itakuwa true,
basi class itaongezwa kwa kipengele,
na ikiwa false, basi haitaongezwa.
Wacha tujaribu kwa vitendo. Wacha tuwe na kitu kifuatacho chenye classes:
data() {
return {
obj: {
active: true,
valid: false,
},
}
}
Wacha tuliunge kitu hiki kwa kitoki:
<template>
<p :class="obj">maandishi</p>
</template>
Kimeshapewa kitu kifuatacho chenye CSS classes:
data() {
return {
obj: {
done: true,
selected: false,
},
}
}
Tumia classes hizi kwa kitoki chochote. Angalia ni classes gani zimetumika, na zipi hazikutumika.
