How to add a class conditionally in Vue?

You can try this code above for conditional class in the html template

<element v-bind:class = "(condition)?'class_if_is_true':'else_class'"></element>

You may see the official vue documentation on this topic here.