需求：状态弹框中每个按钮颜色都不同，因为使用的是统一的弹框组件 ，所以就想了一下，element ui 按钮的type类型 是否可以根据不同的条件进行动态取值讷，然后再调整颜色讷？

代码实现：

<el-button size="mini" :type="buttonType(title)" @click="clickOk()">
            Confirm
 </el-button>

methods：

 buttonType(val) {
      if (val == "Success") {
        return "primary";
      } else if (val == "Eror") {
        return "danger";
      } else {
        return "info";
      }
    },

css样式：

<style lang="scss" >
  .el-button--primary {
    background: #409e2a;
    border-color: #409e2a;
  }
  .el-button--info {
    background-color: #ebd70a;
    border-color: #ebd70a;
  }
}
</style>