Klasy CSS przez data w Vue
Klasy CSS można dodawać do elementu
w zależności od wartości właściwości
obiektu data. Spójrzmy na
przykład. Załóżmy, że mamy następujące
właściwości:
data() {
return {
isActive: true,
hasError: true,
}
}
Dodajmy elementowi klasy CSS w zależności od wartości naszych właściwości:
<template>
<p :class="{active: isActive, error: hasError}">
tekst
</p>
</template>
Podano następujące właściwości:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Spraw, aby w zależności od wartości tych właściwości do znacznika dodawane były odpowiednie klasy CSS.
