<el-table-column align="center" label="使用情况" prop="gmtUsed">
<template slot-scope="scope">
<el-tag :type="scope.row.gmtUsed =='0' ?'success':'warning'"> {{ scope.row.gmtUsed | formatgmtUsed }} </el-tag>
</template>
</el-table-column>
formatgmtUsed(gmtUsed) {
if (gmtUsed === 0) {
return '未使用'
} else if (gmtUsed === 1) {
return '已使用'
} else {
return '错误状态'
}
},
标签分别添加上type属性,设置类型分别为success、info、warning、danger这四种类型
也可以使用三元表达式通过获取当前行内状态值 动态改变tag颜色最终实现效果
默认、success、info、warning、danger