element ui table el-tag标签显示不同颜色

<template slot-scope="scope">
    <el-tag
    :type="scope.row.type == 1 ? 'warning' : scope.row.type == 2 ? 'primary' : scope.row.type == 3 ? 'success' : 'danger' "
     disable-transitions>{{scope.row.typeName}}</el-tag>
</template>

Success #67C23A （绿）
Warning #E6A23C （橙）
Danger #F56C6C （红）
Info #909399 （灰）
primary #409EFF （蓝）

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。