L'attribut class dans le framework Vue
Le travail avec l'attribut class s'effectue
via la directive v-bind ou
sa forme abrégée.
Voyons cela en pratique.
Supposons que la propriété str
contienne les classes CSS de la balise,
séparées par des espaces :
data() {
return {
str: 'active valid',
}
}
Ajoutons ces classes CSS à une balise quelconque :
<template>
<p :class="str">text</p>
</template>
Un paragraphe est donné. Une propriété cssClasses est donnée,
dans laquelle sont enregistrées certaines classes CSS.
Ajoutez ces classes à notre paragraphe.