vue.js：无法使用可变部分设置多个类

Answer 1

我认为更正在于连接类名和使用条件类的对象语法的方式。也许尝试下面的代码：

<div v-for="card in cards" :key="card.id" class="card" :class="[
  'card' + card.rank,
  { 'cardFade': isFadeProp }
]">
  <span class="card__number">{{ card.rank }}</span>       
</div>

'card' + card.rank 正确地将字符串 'card' 与 card.rank 连接起来。我不是 vue.js 方面的专家，但你也可以尝试一下。