el-form表单校验失效可能由多种原因引起。以下是一些常见的解决步骤和检查点,帮助你定位和解决问题: 检查el-form表单的校验规则是否正确设置: 确保你在el-form组件中正确设置了rules属性,并且这些规则与表单数据模型中的字段相对应。例如: html <el-form :model="form" :rules="rules" ref="formRef"> ...
如下: 第一个表单的输入框都触发blur提示语后,切换至第二个表单 第二个表单的输入框触发blur后,第一个输入框的校验失效了。 返回后,第一个输入框触发blur,校验又失效了,如下: 解决方法: 在切换表单之后触发blur,有时并未调用表单的validator。这时,需要给待校验的表单元素的外层el-form-item标签上添加一个唯一...
//或者:prop="'itemList.' + index + '.name'" //一定不能写成 :prop="itemList[index].name"<el-rowv-for="(item, index) in dataForm.itemList":key="index"><el-col:span="20"><el-form-item:label="'规格' + index":prop="`itemList.${index}.name`":rules="dataRule.size"><el-...