vue中使用tag标签根据状态显示不同颜色区分

场景

前端列表中有状态显示,会根据状态值的不同显示不同的颜色进行区分

实战

1、给tag增加颜色显示 <Tag color="blue">标签一</Tag>
2、根据值的不同需要增加判断 <Tag :color="row.status=='关闭'?'gray':'green'" >{{row.status}}</Tag>

posted @ 2022-08-19 19:02  TestingShare  阅读(302)  评论(0编辑  收藏  举报