vue表单嵌套动态验证

Question

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

Answer 1

可能是以下原因导致的：
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、其他问题：如果以上方法都无法解决问题，可能是其他问题导致的。您可以检查代码是否正确，或者尝试使用其他方式进行表单校验，例如使用第三方表单组件库或自定义表单组件。

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