CSS классы через data в Vue
CSS classes zinaweza kuongezwa kwa kipengele
kulingana na thamani za sifa
za kitu data. Hebu tuangalie
kwa mfano. Hebu tuseme tuna sifa
zifuatazo:
data() {
return {
isActive: true,
hasError: true,
}
}
Wacha tuongeze CSS classes kwa kipengele kulingana na thamani ya sifa zetu:
<template>
<p :class="{active: isActive, error: hasError}">
maandishi
</p>
</template>
Zimetolewa sifa zifuatazo:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Fanya ili kulingana na thamani za sifa hizi kwenye kitambulisho ziongezwe CSS classes zinazofanana.
