Klasat CSS përmes data në Vue
Klasat CSS mund të shtohen në element
në varësi të vlerave të vetive
të objektit data. Le të shohim me një
shembull. Le të themi se kemi vetitë
e mëposhtme:
data() {
return {
isActive: true,
hasError: true,
}
}
Le të shtojmë klasa CSS në element në varësi të vlerës së vetive tona:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Janë dhënë vetitë e mëposhtme:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Bëni që në varësi të vlerave të këtyre vetive, në tag të shtohen klasat përkatëse CSS.