CSS osztályok adattal Vue-ban
CSS osztályokat adhatunk egy elemhez
a data objektum tulajdonságainak
értékétől függően. Nézzük egy
példán. Tegyük fel, hogy a következő
tulajdonságaink vannak:
data() {
return {
isActive: true,
hasError: true,
}
}
Adjunk hozzá CSS osztályokat az elemhez a tulajdonságaink értékétől függően:
<template>
<p :class="{active: isActive, error: hasError}">
szöveg
</p>
</template>
A következő tulajdonságok adottak:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Úgy állítsa be, hogy a tulajdonságok értékétől függően a megfelelő CSS osztályok kerüljenek a címkébe.
