CSS klasės per data Vue
CSS klases galima pridėti elementui
priklausomai nuo objekto data
savybių reikšmių. Pažiūrėkime pavyzdžiu.
Tarkime, kad turime šias savybes:
data() {
return {
isActive: true,
hasError: true,
}
}
Pridėkime elementui CSS klases priklausomai nuo mūsų savybių reikšmių:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Duotos šios savybės:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Padarykite taip, kad priklausomai nuo šių savybių reikšmių į tagą būtų pridėtos atitinkamos CSS klasės.
