How to define multiple dynamic classes?

Question

Vue.js

Hello, I can’t find the answer to my question, there is a task to set two classes at the same time like this:

:class="class + number, classss + number: page === 2"

If I try to check :class="{{ classss + number : page === 2 }}", then it swears at +, I put it in computed, tried to write something like this:

:class="computedClass, class + number" swears at a comma in this case..

Thanks in advance!

Answer 1

Maybe you should read the documentation ?
Preferably all. Everything is very clear and there is not much text.

Answer 2

Why do you need two brackets there? You pass an object there, so talk to it like an object, where the key is the class name and the value is a boolean variable.

<div class="box" :class="{ classOne: switcher, classTwo: switcher }"></div>