Inline objekt s CSS třídami ve Vue
Objekt s CSS třídami lze psát
přímo jako hodnotu atributu
class:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
Třídy, jejichž názvy obsahují pomlčku, je nutné uzavřít do uvozovek:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
Je dán následující objekt s CSS třídami:
{active: true, valid: false}
Aplikujte tento objekt na nějaký tag.