vue表单嵌套动态验证

表单里面嵌套了表格,然后用的表单,现在校验虽然生效,但是如果没填的话没有提示文字,请问是哪里写错了吗?该如何解决?

img

可能是以下原因导致的:
1、没有设置错误提示信息:在表单校验时,需要设置错误提示信息,以便用户能够清楚地知道哪些字段填写不正确。您可以在表单项的校验规则中设置错误提示信息,例如:

<el-form-item label="姓名" prop="name">
  <el-input v-model="form.name"></el-input>
  <div slot="error">请输入姓名</div>
</el-form-item>

在上面的代码中,我们在 el-form-item 组件中添加了一个 slot="error" 的子组件,并设置了错误提示信息“请输入姓名”。

2、样式问题:如果设置了错误提示信息,但是没有显示出来,可能是样式问题导致的。您可以检查样式文件是否正确引入,或者手动添加样式,例如:

.el-form-item__error {
  color: red;
  font-size: 12px;
}

在上面的代码中,我们手动添加了一个样式,用于设置错误提示信息的颜色和字体大小。

3、其他问题:如果以上方法都无法解决问题,可能是其他问题导致的。您可以检查代码是否正确,或者尝试使用其他方式进行表单校验,例如使用第三方表单组件库或自定义表单组件。

希望以上方法能够帮助您解决问题。