前言
在项目里我们有时候会表单录入一些规则的名字,图片的名字等等,这些一般业务上要避免重复。这时就会写一些校验来避免这样的事情发生。
整体逻辑
代码逻辑主要是在表单自定义校验中调后端接口,通过后端返回的状态值去判断是否通过校验。
校验规则代码
rules: {
name: [
{ validator: (rule, value, callback) => {
if (value === '') {
callback(new Error('名称不能为空!!!'));
} else {
// 调接口
axios.get('/a').then(res=>{
if(res.code === 200){
if(res.data === 0){ // 校验通过
callback();
} else {
callback(new Error('名称重复!!!'));
}
}
})
}
},
trigger: 'blur'
}
],
}