element-ui 自定义表单验证 , 但是不出现小红心了

基本上按照文档上提供的方式做就没啥大问题 , 我遇到的问题是 , 自定义以后不显示小红星了

  
    
  
  
    
  
  
    
  
  
    提交
    重置
  

　　我只是照着改了一下

let validatePass = (rule, value, callback) => {
      console.log(rule);
      console.log(value);
      console.log(callback);
      if (!value) {
        return callback(new Error("请填写公司名称"));
      }
      if (this.form.id) {
        callback();
        return true;
      }
      readScmSupplierPage({ name: this.form.name ,type:'2'})
        .then(res => {
          if (res.data.length > 0) {
            callback(new Error("名称重复"));
          } else {
            callback();
          }
        })
        .catch(err => {
          console.log(err);
        });
    };

　　基本上和自定义没啥关系

rules: {
        // name: [{ required: true, message: "请输入公司名称", trigger: "blur" }],
        name: [{ required: true, validator: validatePass, trigger: "blur" }],
        abbreviation: [
          { required: true, message: "请输入公司简称", trigger: "blur" }
        ]
      },

　　只是我发现如果自定义了 , 在这个地方加required: true, 是不起作用的, 必须在form表单上面加

　　就这样小红星星就出现啦

 

转载于:https://www.cnblogs.com/sunjinggege/p/9768125.html