vue antd 问题笔记

提交表单,验证失败,执行了回调,验证成功却没有执行回调

数据验证使用了自定义效验,在效验时忘记调用callback()

data() {
let checkIntro = (rule, value, callback) => {
    if (!(/^100$|^(\d|[1-9]\d)$/.test(value))) {
        return callback(new Error('请输入0到100的数字'));
    }
    callback();
};
return {
		rules: {
				score: [
		    		{required: true, message: '请进行评分', trigger: 'blur'},
		    		{validator: checkIntro, trigger: 'blur'}
				],
			}
		}
}

this.$refs.ruleForm.validate(valid => {//如果忘记调用callback();那么验证成功时,这里没有执行
                    if (valid) {
                        submitAudit({...form}).then(res => {
                            console.log(res)
                        }).catch(({message}) => {
                            this.$message.error(message);
                        });
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                });