CSS-klasse deur data in Vue
CSS-klasse kan by 'n element gevoeg word
afhangende van die waardes van die eienskappe
van die data-objek. Kom ons kyk na 'n
voorbeeld. Gestel ons het die volgende
eienskappe:
data() {
return {
isActive: true,
hasError: true,
}
}
Laat ons CSS-klasse by 'n element voeg, afhangende van die waardes van ons eienskappe:
<template>
<p :class="{active: isActive, error: hasError}">
teks
</p>
</template>
Die volgende eienskappe word gegee:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Maak dit so dat, afhangende van die waardes van hierdie eienskappe, die ooreenstemmende CSS-klasse by die tag gevoeg word.
