Class attribuut in Vue framework
Werken met het class attribuut gebeurt
via de directive v-bind of
zijn verkorte vorm.
Laten we het in de praktijk bekijken.
Stel dat in de property str
CSS classes van de tag zijn opgeslagen,
gescheiden door spaties:
data() {
return {
str: 'active valid',
}
}
Voeg deze CSS classes toe aan een tag:
<template>
<p :class="str">text</p>
</template>
Gegeven een alinea. Gegeven een property cssClasses,
waarin enkele CSS classes zijn opgeschreven.
Voeg deze classes toe aan onze alinea.