HTML:代码
<el-form-item label="覆盖率" prop="tnFgl">
<el-input-number v-model="bindData['tnFgl']" :step="1" :min="1" :max="100" step-strictly clearable placeholder="请输入覆盖率" size="mini" />
</el-form-item>
JS代码:
data() {
const valid = (rule, value, cb) => {
if (!value) {
cb(new Error('请填写覆盖率'))
} else if (value < 100) {
const chazhi = 100 - value
cb(new Error(`还差${chazhi}达到指定覆盖率`))
} else {
cb()
}
}
return {
tnFgl: [
{ required: true, trigger: 'blur', validator: valid }
]
}
},
methods: {
// 提交表单方法
// 思路:1、先定义一个标志:key 为false;
2、使用validateField校验除tnFgl之外的字段,在会掉里面判断有无错误信息,有则改变key
值 为true。
3、单独判断tnFgl值,显示提示信息
4、再判断 !key 和 tnFgl的值不为空时,提交表单
}