Vue 2の動的クラス名とコンディションクラス名の混同

Question

たとえば、クラスがa0からa9のdivを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。