CSS třídy přes data ve Vue
CSS třídy lze přidávat elementu
v závislosti na hodnotách vlastností
objektu data. Podívejme se na
příklad. Předpokládejme, že máme následující
vlastnosti:
data() {
return {
isActive: true,
hasError: true,
}
}
Přidejme elementu CSS třídy v závislosti na hodnotě našich vlastností:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Jsou dány následující vlastnosti:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Zařiďte, aby v závislosti na hodnotách těchto vlastností byly do tagu přidány odpovídající CSS třídy.
