CSS klaseņu objekts Vue
CSS klases var arī tikt glabātas
objektos. Šajā gadījumā klases nosaukumi
būs objekta atslēgas, bet objekta elementu
vērtības būs loģiskās vērtības.
Ja vērtība ir true,
tad klase tiks pievienota elementam,
bet ja false, tad netiks.
Izmēģināsim to praksē. Pieņemsim, ka mums ir šāds objekts ar klasēm:
data() {
return {
obj: {
active: true,
valid: false,
},
}
}
Piesaistīsim šo objektu elementam:
<template>
<p :class="obj">text</p>
</template>
Dots šāds objekts ar CSS klasēm:
data() {
return {
obj: {
done: true,
selected: false,
},
}
}
Piemērojiet šīs klases kādam elementam. Pārbaudiet, kuras klases tika piemērotas, un kuras netika.
