Vue.js追加多个类

Question

当用户单击某个项目时，我试图添加多个类，我对此表示这样：

<div :class="[ item === form.score ? 'text-black bg-white': '' ]"
    @click="form.score = item"
    v-for="item in 10">
   {{ item }}
</div>

但是它只会附加bg-white。有没有更好的办法？

Answer 1

您可以通过多种方式做到这一点：

:class="[ item === form.score ? 'text-black': '', item === form.score ? 'bg-white': '']"

或

:class="[ 'text-black': item === form.score, 'bg-white': item === form.score ]"

或

:class="[ 'text-black bg-white': item === form.score]"

more info

Answer 2

尝试一下：

git+ssh://

以及您的方法中

bitbucket.org

甚至更好

git+ssh://git@bitbucket.org/username/package.git

以及您的方法中

:class="{ 'text-black': is_item(item), 'bg-white': is_item(item) }"