vue使用elementUI校验获取校验获取校验报错信息

plumink

于 2021-07-16 12:22:33 发布

阅读量2.5k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： vue elementUI 文章标签： vue

本文链接：https://blog.youkuaiyun.com/typhoonpython/article/details/118789840

vue 同时被 2 个专栏收录

2 篇文章

订阅专栏

elementUI

2 篇文章

订阅专栏

本文档介绍在Vue项目中，结合ElementUI进行表单验证时，如何在多个不符合规则的输入项中，仅显示第一条错误信息。关键点在于正确设置rules规则并在提交时使用this.$refs.dataForm0.validate进行校验，以获取并处理错误信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue使用elementUI校验获取校验获取校验报错信息

问题描述：

项目基于vue+elementUI,在开中需要使用到rules 规则校验，有一个需求，就是在很多不符合规则的表单输入项，当校验时，只提示第一个被校验的内容。

问题重点：

重点在于获取这个报错信息。

如何获取？

当我们在设置rules 校验的时候，我没需要设置rules规则，然后再提交的时候会使用 this.$refs.dataForm0.validate方式对提交的内容进行校验。此时可以使用该方式获得错误信息。

this.$refs.dataForm0.validate((valid, error) => {
	if(valid) {
		cosnole.log('校验通过')
	} else {
		console.log(error)	
		// error会返回一个对象，对象里面的字段值就是具体的报错信息。
    }
}