Objet inline avec des classes CSS dans Vue
Un objet avec des classes CSS peut être écrit
directement comme valeur de l'attribut
class :
<template>
<p :class="{active: true, error: false}">
texte
</p>
</template>
Les classes dont les noms contiennent un trait d'union doivent être mises entre guillemets :
<template>
<p :class="{active: true, 'has-error': false}">
texte
</p>
</template>
L'objet suivant avec des classes CSS est donné :
{active: true, valid: false}
Appliquez cet objet à une balise quelconque.