Inline object met CSS klassen in Vue
Een object met CSS klassen kan direct
geschreven worden als waarde van het
class attribuut:
<template>
<p :class="{active: true, error: false}">
tekst
</p>
</template>
Klassen waarvan de namen een koppelteken bevatten, moeten tussen aanhalingstekens geplaatst worden:
<template>
<p :class="{active: true, 'has-error': false}">
tekst
</p>
</template>
Gegeven het volgende object met CSS klassen:
{active: true, valid: false}
Pas dit object toe op een willekeurige tag.
