iview 自定义验证表单多层嵌套如何实现

Posted 2023-04-12

参考技术A 表单校验是每一个前端开发人员都避免不了的需求。在一些前端可以自行校验的情况下，先通过前端校验，校验不通过不发送请求，直到满足校验规则，再发送请求给后端，从而提升用户体验。

iview对表单的校验有自己的方法，但如果数据结构比较复杂，对象里面又嵌套对象，该如何校验？本文给出多层对象嵌套的方法。
如下:

iview表单验证--数字必填+校验

直接使用：

  required: true, type:"integer", message:"请填写整数", trigger: "blur" 

毛线都不管用。

非得自定义验证才可以：

 validateTest = (rule, value, callback) => 
    if (/^[0-9]+$/.test(value)) 
      callback();
     else 
      return callback(new Error("请填写整数"));
    
  ;

 required: true, validator: this.validateTest, trigger: "blur" 

官方没发现这个错误么，太坑了。 

(完）