vue中用v-html根据后端返回结果设置样式
一、问题
1=====》今日遇到一个需求，是一个表格列返回状态status，并拥有多种不同颜色。
2=====》平日里见到的基本都是返回01234......前端用插槽放进去，根据数字去判断显示字段以及设置不同样式，今天看到的是后端直接返回一个字符串，像这样：
3=====》因此这一次我们不再需要根据字段去判断，而是直接写样式就行。
=====》于是乎，我用了v-html把它放了进去，并直接在style下面写class相应的样式。
//当后端给你返回一个包含富文本的内容时，你应该使用v-html来进行加载
之后，从页面元素中看长这样：
但是不管我怎么修改，只有.label的样式能够有效果，而后面的label-xxx完全没反应。
虽然但是......问题还是得解决
二、解决
查找了相关文档发现，是因为我在