Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

vue :class binding for multiple styles in one

Simple question but I cannot find / figure it our by trying different syntax.
Working in vue and need to apply multiple styles (with tailwindcss). One style works nicely and below code validates but only the last style text-red-300 for show` is applied somehow.

:class="{ ['bg-green-500, text-xs, text-red-300']: show, 'ml-12': !show  }"

>Solution :

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

Just drop the array brackets and the commas:

:class="{
  'bg-green-500 text-xs text-red-300': show, 
  'ml-12': !show
}"
Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading