<div class="container" :class="{ qwerty: !open }" :class="lower? 'left' : 'right'"> Hola, por qué vue no me permite agregar varias clases con condiciones, como en el ejemplo.
Permite añadir uno solo.
¿Cómo implementar esto?
Utilice la sintaxis de matriz .
:class="[lower ? 'left' : 'right', upper ? 'up' : 'down']"Hay varias formas de hacer esto, pero creo que para ti debería ser suficiente hacer esto:
:class="[{qwerty: !open}, lower ? 'left' : 'right']" es una combinación de passing an array of classes y passing objects
Si tiene varias condiciones que duran demasiado, incluidas demasiadas lógicas, vaya con computed
<div class="container" :class="getClass">después
computed: { getClass() { var className = 'container'; if(!this.open) className = className+' '+'querty'; if(this.lower) className = className+' '+'left'; else className = className+' '+'right'; return className; } }