[vue]根据表格内容显示不同的字体颜色

Question

1、对于工单表格的工单处理状态列，若某条工单的处理状态为“区职能局退件”，则“区职能局退件”字体颜色为红色。

2、我尝试在created(){}种使用getElementsByTagName("font")，然后判断一下，如果innerText是“区职能局退件”，则将color设置为红色。但是获取不到元素。

3、想请问一下有没有人遇到类似的需求呀？解决思路是什么~

Answer 1

    <span :style="{color:scope.row.wordStatus=='区职能局退件' ? 'red':''}">{{scope.row.wordStatus}}</span>

这样写就行了