el-form-item内 循环el-form-item el-form-item输入内容了,但是失去叫焦点为什么会校验
时间: 2024-01-17 21:19:07 浏览: 153
el-table嵌套 el-form并且加正则校验
el-form-item内循环el-form-item时,如果输入内容后失去焦点,仍然会进行校验的原因是因为el-form-item内部的el-form-item会继承父级el-form-item的校验规则。所以即使子级el-form-item输入了内容,但是失去焦点后,父级el-form-item仍然会进行校验。
为了解决这个问题,可以在子级el-form-item上添加`prop`属性,并将其设置为一个唯一的值,以避免继承父级校验规则。例如:
```html
<el-form-item prop="childFormItem">
<el-form-item>
<el-input v-model="inputValue"></el-input>
</el-form-item>
</el-form-item>
```
这样,子级el-form-item就会独立进行校验,不会受到父级el-form-item的影响。
阅读全文