antd-vue 表单input框setFields方式错误信息设置的坑

做一个简单的表单提交,后端验证有错误之后返回,显示在input框的错误提醒位置,当使用 setFields方法时遇到的错误很无奈

antd-vue 表单input框setFields方式错误信息设置的坑_第1张图片

Antd-pro文档如图
antd-vue 表单input框setFields方式错误信息设置的坑_第2张图片

//代码如下
var errors = error.response.data.error
              for( let i in errors){
                  this.form_b.setFields({
                    name: {
                      // errors: [new Error(errors[i])]
                      errors: '这里有错误'
                    }
                  })
              }

报如下错误,百度谷歌了一圈,耗费2小时,最后在sf上找到解决方案

antd-vue 表单input框setFields方式错误信息设置的坑_第3张图片

解决方案如下

var errors = error.response.data.error
              for( let i in errors){
                  this.form_b.setFields({
                    name: {
                      errors: [new Error(errors[i])]
                    }
                  })
              }

显示效果
antd-vue 表单input框setFields方式错误信息设置的坑_第4张图片

你可能感兴趣的:(前端antd-vue)