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

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会返回一个对象，对象里面的字段值就是具体的报错信息。
    }
}