Vue'до data аркылуу CSS класстары
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 класстарын тегге кошулушу үчүн керектүү ишти жасаңыз.
