computed动态颜色

​

 <span :style="{ background: cerrorColor(item.name) }"></span>

computed: {
    cerrorColor() {
      return (val) => {
        console.log(val);
        let color = "";
        switch (val) {
          case "全部任务":
            color = "#fff";
            break;
          case "待审批":
            color = "#000000";
            break;
          case "审批进行中":
            color = "#1890FF";
            break;
          case "审批拒绝":
            color = "#F5222D";
            break;
          case "审批通过":
            color = "#52C41A";
            break;

          default:
            break;
        }
        return color;
        // if (val === "xxx") {
        // } else {
        //   return "black";
        // }
      };
    },

​