首页 > 其他分享 >vue中使用tag标签根据状态显示不同颜色区分

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

时间:2022-08-19 19:11:35浏览次数:68  
标签:显示 vue 颜色 标签 区分 tag

场景

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

实战

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

标签:显示,vue,颜色,标签,区分,tag
From: https://www.cnblogs.com/TestingShare/p/16603088.html

相关文章