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 класслари қўшиладиган қилинг.
