javascript - 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