Javascript 根据内容选择css类

我对css有一个问题

我想选择

元素类。我使用bootstrap，我想使用像

.success

或

.danger

这样的引导类

我使用vue.js，我有一个id、名称、状态等的对象，状态名称与.success或.danger不匹配，但我需要使用这两个类，具体取决于状态名称

我知道两种解决方案：

---

编写一个JS函数来返回类名（取决于状态名）<代码>您可以使用Vue的内置类指令，如下所示：

<tr
  :class="{
    'success': object.status === 'somestatus',
    'error': object.status === 'otherstatus'
  }">
  ...
</tr>

...

没有必要为此编写新方法。更多示例请参见