<el-form
ref="dataForm"
:rules="rules"
:model="temp1"
label-position="right"
label-width="100px"
status-icon
style="margin-top: 2%;"
>
<el-form-item label="进度:" prop="percentage">
<el-input v-model="temp1.percentage" show-word-limit onkeyup="this.value=this.value.replace(/[^\d]/g,'');">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-form>
data() {
const validateAcquaintance = (rule, value, callback) => {
if (value < 0 || value > 100) {
callback(new Error('进度不能大于100%'))
} else {
callback()
}
}
return {
// 校验
rules: {
percentage: [{ validator: validateAcquaintance, trigger: 'blur' }, { required: true, message: '进度不能为空', trigger: 'blur' }]
}
}
}