CSS класе преко data у Vue-у
CSS класе се могу додати елементу
у зависности од вредности својстава
објекта data. Погледајмо на
примеру. Нека имамо следећа
својства:
data() {
return {
isActive: true,
hasError: true,
}
}
Додајмо елементу CSS класе у зависности од вредности наших својстава:
<template>
<p :class="{active: isActive, error: hasError}">
текст
</p>
</template>
Дата су следећа својства:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Направите тако да у зависности од вредности ових својстава у таг буду додате одговарајуће CSS класе.
