element ui el-tag根据状态显示不同颜色

<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