<template>
<el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="120px" class="demo-dynamic">
<el-row v-for="(domain, index) in dynamicValidateForm.persons" :key="domain.key">
<el-col :span="8">
<el-form-item :label="'姓名' + index+1" :prop="'persons.' + index + '.name'" :rules="rules.name">
<el-input v-model="domain.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'手机号码' + index+1" :prop="'persons.' + index + '.iphone'" :rules="ru
element ui使用v-for循环form表单校验的实现
最新推荐文章于 2024-06-20 20:43:52 发布
本文详细介绍了如何在 Vue.js 应用中,特别是在使用 Element UI 框架时,利用 v-for 循环对 form 表单进行数据校验。通过自定义验证规则和 Vue 的响应式特性,确保每个表单项都能正确地进行验证。
摘要由CSDN通过智能技术生成