使用v-for循环渲染el-form-item是校验失效
时间: 2023-02-08 17:22:50 浏览: 716
浅谈vue.js中v-for循环渲染
使用 Vue 的 v-for 循环渲染 el-form-item 时,由于每个 el-form-item 的 key 值都相同,导致校验失效。解决方法是为每个 el-form-item 设置不同的 key 值,例如使用循环变量的索引。
```
<el-form-item v-for="(item, index) in items" :key="index">
...
</el-form-item>
```
这样就会为每个 el-form-item 设置一个唯一的 key 值,校验就可以正常工作了。
阅读全文