element表单教验

今天在写代码的时候遇到了这么一个问题:使用element-ui的表单,校验时发现中间代码不执行

this.$refs[form].validate((valid) => {
          if (valid) {
          ...
            })
          }else {
            this.$message.error('表单填写错误')
          }
        })

经过查阅资料,发现校验生效需要两个条件:

  1. 表单中的prop必须与model的变量名称相同
  2. 定义自定义校验规则时,做if判断时,一定要用else返回callback()
if() {
  ...
}else if {
...
}else {
return callback()
}

特此记载

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容