问题:
若依前后端分离项目中,this.$refs[formName].validate((valid) =>{} 无效的问题,当验证通过的时候点确定按钮没有报错,也没有任何反应。
背景:
若依前后端分离新项目,前端vue。
解决:
参考:
https://www.cnblogs.com/qianxiaoniantianxin/p/14628626.html
每一个 if 都要对应了一个 else 并且每个条件 下 都要 callback 确保 在不同情况下 都会执行callback所以要在验证时加上else的callback(),具体可看下面的opMoney(在最后)。
rules: {
opMoney:[{ //如此代码块
required: true,
validator: (rule, value, callback) => {
if(value == null) {
callback(new Error('请输入操作金额')); //该函数如同return
}
if(isNaN(parseInt(value))) {
callback(new Error('请输入数字'));
}
if(value == 0) {
callback(new Error('请输入操作金额'));
}
if(value < 0) {
callback(new Error('请输入正数'));
}
callback(); //如果都没有问题,最后一定要加上此句
},
trigger: 'blur'
}]
},