CSS klasių objektas Vue
CSS klasės taip pat gali būti saugomos
objektuose. Šiuo atveju klasių pavadinimai
bus objekto raktai, o objekto elementai
bus loginės reikšmės.
Jei reikšmė bus true,
tada klasė bus pridėta prie elemento,
o jei false, tai nebus.
Pabandykime praktiškai. Tarkime, kad turime šį objektą su klasėmis:
data() {
return {
obj: {
active: true,
valid: false,
},
}
}
Pririškime šį objektą prie elemento:
<template>
<p :class="obj">text</p>
</template>
Duotas šis objektas su CSS klasėmis:
data() {
return {
obj: {
done: true,
selected: false,
},
}
}
Pritaikykite šias klases kokiam nors elementui. Patikrinkite, kurios klasės buvo pritaikytos, o kurios ne.
