有一个动态表单根据后端获取的类型生成若干表单项,表单的内容传到后台进行校验,如果有错误信息则显示在相应的表单项下。
查了很久无果,大部分是和自定义验证规则有关的,于是又重新看el-form属性,果不其然有一个表单项的属性用来显示错误信息(之前可能眼瞎了)。
接下来的事就很简单了,绑定一个对象类型的data值到动态表单项的error属性,后端获取到了错误信息直接赋值就好。
示例如下:
<el-form-item :label="item.name" :prop="item.key" :error="errorMessage[item.key]">
</el-form-item>
没事还是得多看看官网。