vuejs2 - 在 Vue 2 中混合动态和条件类名

Question

假设我想要一个 div，类 a0 到 a9 根据 v-for 中的索引和类 b 有条件地。

单独做，看起来像这样:

<div v-for="(val, index) in array" :class="'a' + index"></div>

和

<div v-for="(val, index) in array" :class="{'b': index===1}"></div>

当我们将它们混合在一起时，假设这不起作用:

<div v-for="(val, index) in array" :class="{'a' + index: true, 'b': index===1}"></div>

我能得到的最好的(可行的解决方案)是:

<div v-for="(val, index) in array" :class="'a' + index + ' ' + (index===1?'b':'') }"></div>

有没有更好的方法？谢谢。

Answer 1

<div v-for="(val, index) in array" :class="['a'+index, {b: index === 1}]"></div>

或者

<div v-for="(val, index) in array" :class="['a'+index, index === 1 ? 'b' : '']"></div>

查看演示 here .