vue element form rules表单规则验证,输入框有值,但验证始终不消失问题的个人解决办法
•
数据库
做项目时在el-form中遇到了设定了表单验证规则,但只要输入值就显示未输入的情况:

根据网上查找的结果,rules中的名称要与from-item中的prop别名相同,看了一下没问题


后来在网上看到这篇文章:vue element form表单规则验证,有值,但验证始终不消失_杰瑞LJ的博客-CSDN博客
看到他的el-form参数里用的是:model而不是v-model,修改为:model之后的代码:
data(){
return {
labelWidth: '120px',
user: {},
rules: {
username: [{
required: true,
message: '请输入用户名',
trigger: 'blur'
}]
}
}
}

成功!
本文来自网络,不代表协通编程立场,如若转载,请注明出处:https://net2asp.com/a9cfdfceee.html
