2020-02-28 12:37:11 版本 : vue 表单验证问题
作者: 陈婉 于 2020年02月28日 发布在分类 / 人防组 / 人防前端 下,并于 2020年02月28日 编辑
 历史版本

修改日期 修改人 备注
2020-09-03 16:49:18[当前版本] 陈婉 格式调整
2020-08-05 15:22:21 陈婉 其他原因...
2020-05-08 16:40:46 陈婉 更新知识
2020-05-08 16:34:54 陈婉 更新知识

自定义验证


1.Form表单上绑定rules

:rules="ruleValidate"


2.FormItem上绑定prop

prop="confirmPassWord"


3.在data中定义验证规则

 const validateConfirmPassWord = (rule,value,callback)=>{
      if(!value){
        return callback(new Error("请输入密码"));
      }else if(value !== this.info.passWord){
        callback(new Error("两次密码输入不一致"));
      }else{
        callback();
      }
    }


4.data中使用规则绑定到数据上

ruleValidate:{
        confirmPassWord:[validateConfirmPassWord]
},

粘贴图片


嵌套表单验证

多个表单进行验证


 附件

附件类型

PNGPNG

历史版本-目录  [回到顶端]
    知识分享平台 -V 4.8.7 -wcp