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 класове.
