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