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

Question

假设我想根据v-for和class max_execution_time中的索引有条件地将a0添加到a9的div。

单独进行，看起来像这样：

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>

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

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。