CSS-klasser via data i Vue
CSS-klasser kan legges til et element
avhengig av verdiene til egenskapene
i data-objektet. La oss se på
et eksempel. Anta at vi har følgende
egenskaper:
data() {
return {
isActive: true,
hasError: true,
}
}
La oss legge til CSS-klasser på elementet avhengig av verdien til våre egenskaper:
<template>
<p :class="{active: isActive, error: hasError}">
tekst
</p>
</template>
Følgende egenskaper er gitt:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Gjør slik at avhengig av verdiene til disse egenskapene, blir de tilsvarende CSS-klassene lagt til i taggen.
