vue ElementUI表单使用rules校验中的validate

data(){
//方法1：value - 是要验证的值，这种方法的好处是不仅可以获取到value，还可以获取到该vue页面中的其
//他变量，如果验证需要结合其他变量，比如id。
let isUniqueName = (rule, value, callback) =>{
    getUniqueNameMethod(value).then(reponse => {//后台验证方法，根据返回的值进行判断
        let isError = true;
        if(isError ){
         callback(new Error("要显示的提示信息"));
        }else {
           callback();     
        }
    })
}
    return {
        rules:{
            name:[
                {required:true, message:"名称不可为空",trigger:"blur"},
                {validator: isUniqueName, trigger:'blur'}
            ]   
        }
    }
}

方法二：添加一个validate.js（名字随意）

//这种将方法单独放到一个js中，结构比较清楚，但是这种方式仅能获取到value，其他参数获取不到。如果需
//要结合其他参数进行验证的，推荐使用第一种
export function isUniqueName(rule, value,callback){
  getUniqueNameMethod(value).then(response =>{
    let isError = true;
    if(isError){
      callback(new Error("需要显示的信息"));
    }else {
      callback();
    }
  });

}