How to bind multiple class in vueJs

Question

I want to bind multiple class by vueJs but the code does not work. I am following the vue documentation of class binding topics. I am not able to find my error.

<a href="#" :class="[badge, badge-primary, ladda-button]>

You need quotes around your strings. e.g. 'badge-primary'. Otherwise they are treated as property names and minus signs. — skirtle
– skirtle, Commented Oct 11, 2019 at 16:51

Evan Lalo · Accepted Answer · 2019-10-11 17:51:46Z

2

It's just formatted incorrectly.

:class="badge badge-primary ladda-button"

or....

:class="['badge', 'badge-primary', 'ladda-button']

answered Oct 11, 2019 at 17:51

Evan Lalo

1,2912 gold badges19 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Abdullah Al Mamun Over a year ago

Yea, I got my mistake. Afterall tnx a lot.

Collectives™ on Stack Overflow

How to bind multiple class in vueJs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related