Inline objekt s CSS triedami vo Vue
Objekt s CSS triedami je možné písať
priamo ako hodnotu atribútu
class:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
Triedy, ktorých názvy obsahujú pomlčku, je potrebné napísať do úvodzoviek:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
Daný je nasledujúci objekt s CSS triedami:
{active: true, valid: false}
Aplikujte tento objekt na nejaký element.