Vuejs2 在Vue 2中混合使用动态和条件类名
假设我想要一个div,根据v-for和classVuejs2 在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}">
b中的索引,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>
我能得到的最佳(有效解决方案)是:
<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>