vue中用v-html根据后端返回结果设置样式

一、问题

1=====》今日遇到一个需求，是一个表格列返回状态status，并拥有多种不同颜色。

2=====》平日里见到的基本都是返回01234......前端用插槽放进去，根据数字去判断显示字段以及设置不同样式，今天看到的是后端直接返回一个字符串，像这样：

3=====》因此这一次我们不再需要根据字段去判断，而是直接写样式就行。

=====》于是乎，我用了v-html把它放了进去，并直接在style下面写class相应的样式。

//当后端给你返回一个包含富文本的内容时，你应该使用v-html来进行加载

之后，从页面元素中看长这样：

但是不管我怎么修改，只有.label的样式能够有效果，而后面的label-xxx完全没反应。

虽然但是......问题还是得解决

二、解决

查找了相关文档发现，是因为我在