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

Vuejs2 在Vue 2中混合使用动态和条件类名,vuejs2,Vuejs2,假设我想要一个div,根据v-for和classb中的索引,classa0到a9 要单独执行此操作,它看起来如下所示: <div v-for="(val, index) in array" :class="'a' + index"></div> 及 当我们将它们混合在一起时,考虑到这不起作用: <div v-for="(val, index) in array" :class="{'a' + index: true, 'b': index===1}">

假设我想要一个div,根据v-for和class
b中的索引,class
a0
a9

要单独执行此操作,它看起来如下所示:

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

还有更好的办法吗?谢谢。


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



查看演示。

第一个应该是目前最好的方式。谢谢!
<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>