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


        
      
formatgmtUsed(gmtUsed) {
      if (gmtUsed === 0) {
        return '未使用'
      } else if (gmtUsed === 1) {
        return '已使用'
      } else {
        return '错误状态'
      }
    },

element ui el-tag根据状态显示不同颜色_第1张图片

 标签分别添加上type属性,设置类型分别为success、info、warning、danger这四种类型

也可以使用三元表达式通过获取当前行内状态值 动态改变tag颜色最终实现效果

element ui el-tag根据状态显示不同颜色_第2张图片

 默认、success、info、warning、danger

你可能感兴趣的:(VUE)