iview formitem error 设置

Question

问题描述

提交 form validate 验证通过, 提交到后端, 验证失败, 找了不到如何在formItem 中设置错误提示

问题出现的环境背景及自己尝试过哪些方法

搜索引擎查找 都是在validate 验证之前没有找到 验证通过后的方法. 可以在formItem 上双线绑定error 的方式来设置错误, 可是好麻烦, this.$refs.form 能不能直接设置error

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
handleCreate() {

this.$refs.adminForm.validate(valid => {
    if (valid) {

//{
// "code":422,
// "msg":"验证未通过",
// "error_no":30412,
// "data": {"account":"登录账号 xiaogouzi已存在"},
// "debug":{}
// }

        Add(this.form).then(res => {
            if (res.data.code == 200) {
                this.$Message.success('添加成功');
                this.openModal = false
            } else if (res.data.code == 422) {
                // 在对应的处理 res.data.data里面返回的字段错误
                // 其中 key 未 formItem  绑定的属性 name值
                console.log(this.$refs.adminForm)
            } else {
                this.$Message.error(res.data.msg);
            }
        })

    } else {
        this.$Message.error('失败');
    }
})

},

你期待的结果是什么？实际看到的错误信息又是什么？

表单 validate valid === true 后 在次对 formitem 设置error

Answer 1

现在处理方式是 做了formIten error 的双向绑定

Answer 2

请问您解决这个问题的方法具体是怎样的，我也很想用户在登录时账号或密码错误的时候，能把用户名或密码input框标红，并在下面blur红色字体的提示 ‘用户名错误’ or ‘密码错误’。而不是在页面上弹一个Message。非常感谢！！