el-table多个状态使用switch,页面使用formatter调用

普通写法,使用三目运算符 

html:

                
                    
                        
                      
                   

进阶写法,使用switch: 

html:

                  
                     
                      
                   

js:

methods: {
    // 使用条件(页面使用formatter调用)
    formatterUseType(row) {
      let text = "";
      switch (row.useType) {
        case 1:
          text = "无限制";
          break;
        case 2:
          text = "满减";
          break;
        default:
          text = "—";
      }
      return text;
    },
}

你可能感兴趣的:(vue,经验分享,elementui,vue.js,javascript)