业务需求:根据后台返回的数据,对表格中的严重等级和问题状态做一下颜色区分。数据很大,大概一年左右的数据,在二级弹窗中,数据滚动的形式。

大家好,我是孙叫兽 

不加状态前:

vue根据表格字段不同的状态显示不同的颜色。_Vue学习 我这个使用vue+div循环的实现,很便捷,使用element ui也是可以的。

vue根据表格字段不同的状态显示不同的颜色。_Vue学习_02

然后再computed:{}中添加如下代码。返回的字段是后台返回对应的字段,不要搞错了。

	activation() {              
		return (severity) => { // 使用