乐趣区

关于前端:antdvue-表单input框setFields方式错误信息设置的坑

做一个简略的表单提交,后端验证有谬误之后返回,显示在 input 框的谬误揭示地位,当应用 setFields 办法时遇到的谬误很无奈

Antd-pro 文档如图

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

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

解决方案如下

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

显示成果

退出移动版