<el-form-item label="责任人:" prop="personResponsible" :rules="{ required: true, message: '请选择责任人', trigger: 'change', }" >为什么我的表单验证失败后不显示message提示
时间: 2024-02-10 08:21:27 浏览: 70
微信小程序表单验证form提交错误提示效果
5星 · 资源好评率100%
可能是因为您没有在表单中加入错误提示信息的标签,可以在el-form-item中加入el-form-item__error标签来显示错误信息,其内容为{{errors[0].message}},其中errors是表单验证失败后返回的错误信息数组,[0]表示取第一个错误信息的内容。同时,还需要在el-form中添加:show-message="true"来开启错误提示信息的显示。另外,您还需要确保您的表单验证规则和表单项的prop属性名一致,否则无法正确捕获到表单项的验证结果。
阅读全文