elementUI中遇到 [Vue warn]: Invalid prop: custom validator check failed for prop "status"

一、使用过程中遇到Invalid prop: custom validator check failed for prop “status”原因排查1.status属性值中有空格<el-progress:percentage="stepPercentage(item.step)"status=" success"></el-progress>原因排查2:...

道雄

6875人浏览 · 2020-04-23 16:10:14

道雄 · 2020-04-23 16:10:14 发布

一、使用过程中遇到Invalid prop: custom validator check failed for prop “status”

原因排查1.status属性值中有空格

 <el-progress  :percentage="stepPercentage(item.step)"  status=" success"></el-progress>

原因排查2:status的值只能是“success/exception/warning”中的一个，如果一定要根据条件判断，需要赋予默认颜色的话，可以赋值null【null，不能有引号】

<el-progress  :percentage="stepPercentage(item.step)" :status="item.step == 4 ? 'success' :null"></el-progress>

除此之外的其他值，都会报出上面的警告

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^