编辑时校验字段值是否重复

前言

在项目里我们有时候会表单录入一些规则的名字，图片的名字等等，这些一般业务上要避免重复。这时就会写一些校验来避免这样的事情发生。

整体逻辑

代码逻辑主要是在表单自定义校验中调后端接口，通过后端返回的状态值去判断是否通过校验。

校验规则代码

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' 
     }
   ],
}