vue : 多个样式的类绑定

Question

简单的问题，但我无法通过尝试不同的语法找到/弄清楚它。 在 vue 中工作并且需要应用多种样式（使用 tailwindcss）。一种样式效果很好，下面的代码可以验证，但仅以某种方式应用了最后一种样式

text-red-300 for 

show`。

:class="{ ['bg-green-500, text-xs, text-red-300']: show, 'ml-12': !show  }"

Answer 1

只需删除数组括号和逗号：

:class="{
  'bg-green-500 text-xs text-red-300': show, 
  'ml-12': !show
}"

它是一个常规的 JS 对象，如果值的计算结果为真，则属性字符串将逐字放入

class