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 класы.
