the docs: https://vuejs.org/v2/guide/class-and-style.html#Binding-HTML-Classes h... | Hacker News

Hacker News new | past | comments | ask | show | jobs | submit

login

aliveupstairs on Nov 17, 2019 | parent | context | favorite | on: CSS Utility Classes and “Separation of Concerns” (...

the docs:

https://vuejs.org/v2/guide/class-and-style.html#Binding-HTML...

https://vuejs.org/v2/guide/class-and-style.html#Array-Syntax

In your template:

a) <div :class={active: isActive} />

b) <div :class="{isActive? 'active' : 'inactive' }"/>

earthboundkid on Nov 17, 2019 [–]

B) is not valid. It needs to be wrapped in an Array, not an Object.

Consider applying for YC's Spring batch! Applications are open till Feb 11.
Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact