1.需求描述:表单校验
2.使用场景:新增或编辑角色,弹窗操作
3.问题描述:modal弹窗做from表达校验,点击确定,如果校验不通过,控件不应该一直loading 如图:
4.解决思路:
一般这种问题很大可能就是自定义了检验函数,然而此函数并没有一个闭环,没有跑出去一个Boolean;可以检查一下是否函数内的判断逻辑是否有else的分支
data () {
const validateTime = (rule, value, callback) => {
// 重点检查这里的逻辑判断 是否有闭环 (callback)处理
}
}
ruleValidate: {
date: [
{ required: true, validator: validateTime, message: 'Please select the date', trigger: 'change' }
],
}