Class-attribut i Vue-frameworket
Arbejde med attributten class foregår
via direktivet v-bind eller
dens forkortede form.
Lad os se på det i praksis.
Lad egenskaben str
indeholde CSS-klasser for tagget,
adskilt af mellemrum:
data() {
return {
str: 'active valid',
}
}
Tilføj disse CSS-klasser til et eller andet tag:
<template>
<p :class="str">text</p>
</template>
Der gives et afsnit. Der gives en egenskab cssClasses,
hvor nogle CSS-klasser er skrevet.
Tilføj disse klasser til vores afsnit.