Vue имеют 2 класса условия - PullRequest
Новая
       29

Vue имеют 2 класса условия

0 голосов
/ 29 марта 2020

Я пытаюсь узнать vue и все о классах и чтобы они были динамичными c. У меня есть проблема, для которой я не могу найти решение. У меня есть div, и в нем я хочу иметь класс, который зависит от такой переменной, как эта

<div :class="{'active':isActive}"

, но для этого же div я также хочу иметь другое имя класса, которое находится в данных для компонента vue. Вот так

<div :class="divTheme"

Так что в целом вместе это будет выглядеть примерно так

<div :class="{'active':isActive} :class="divTheme"

но я понимаю, что вы не можете иметь два классы, которые похожи на это. Какие-либо предложения?

1 Ответ

1 голос
/ 29 марта 2020

Привязка класса поддерживает синтаксис массива , и вы можете дополнительно использовать синтаксис объекта внутри синтаксиса массива, как показано ниже: 

<div :class="[{'active': isActive}, divTheme]"
...