Toggle a CSS class in Vue 2.0

Question

In vue 1 I was doing this: v-bind:class='{"isdanger": invalidLogin}'.

Now I'm trying to do the same in a Vue 2 app but I'm getting this error:

template syntax error - invalid expression: v-bind:class="{'isdanger': invalidLogin}"

I'm using pug, just in case.

Any ideas?

Mati Tucci · Accepted Answer · 2016-09-07 23:02:21Z

9

Sigh, I changed it to double quotes like this: v-bind:class="{'is-danger': true}" and now it works.

answered Sep 7, 2016 at 23:02

Mati Tucci

2,9766 gold badges31 silver badges43 bronze badges

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

1 Comment

Yes, when nesting: " > '