CSS sinifleri data vasitesile Vue-da
CSS sinifleri elementə
data obyektinin xassələrinin
qiymətlərindən asılı olaraq
əlavə etmək olar. Bir nümunəyə
baxaq. Tutaq ki, bizim aşağıdakı
xassələrimiz var:
data() {
return {
isActive: true,
hasError: true,
}
}
Gəlin xassələrimizin qiymətindən asılı olaraq elementə CSS sinifləri əlavə edək:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Aşağıdakı xassələr verilib:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Elə edin ki, bu xassələrin qiymətlərindən asılı olaraq teqə uyğun CSS sinifləri əlavə olunsun.
