上代码 用的循环el-form, :model绑定循环的item,也就是数组中的单个对象,然后prop绑定参数,rules正常写, 然后提交的时候,因为el-form是循环的,所以用ref绑定的fForm是一个数组,要循环校验 fForm.value.forEach((item:any) =>{ item.validate((vali:boolean) =>{if(vali){// 校验通过} }) }) 这样就能...
二、表单数据为数组,数组循环中的每个字段需要校验 在上述使用方式的基础上,需要额外注意: ①prop 在循环中需要对应到 formdata 中数组的某一项具体值,可以利用index 等变量进行锁定,再取到具体的key ②v-model 结合循环正常使用 ③el-form-item的rules需要手动指定 <el-form class="demo-form":model="form":ru...
数组 // template<el-formref="form":model="dataForm":rules="dataFormRules"><el-form-itemv-for="(item,index) in dataForm.list":key="index":label="item.name":prop="`list[${index}].value`":rules="dataRule.list"><el-inputv-model="dataForm.list[index].value"></el-input></el-f...
// scriptruleForm:{yrmx:'',zjList:[{zjmc:'',// 组件名称bb:''// 版本},]},zjlbRules:{zjmc:[{required:true,message:'请选择组件',trigger:'change'}],bb:[{required:true,message:'请选择版本',trigger:'change'}],}, // style.special{display:flex;align-items:center;justify-content:spa...
{代码...} {代码...} {代码...} form表单为循环,个数不确定,如何只局部校验数组里面对象的值不为空的数据
el-form校验数组表格 在Vue.js中使用Element UI的el-form和el-table进行数组表格的校验可以按照以下步骤进行: 1.在el-form中使用el-table,el-table中的数据绑定到一个数组属性上,例如dataList。 ```html <el-form :model="formData" ref="formDataRef" :rules="formRules" label-width="100px"> <el-...
当需要验证数组时,你可以使用自定义验证函数,并在rules中设置为数组。 下面是一个示例,演示如何校验数组的问题: ```html <template> <el-form :model="form" :rules="rules" ref="form"> <el-form-item label="数组" prop="array"> <el-input v-model="form.array"></el-input> </el-form-item>...
其它的提示没了吗？因为elform的校验是基于字段名进行的。在elform中遍历数组，并且只有一个输入框进行校验时，其它输入框的提示信息会被隐藏。这是因为elform的校验是基于字段名进行的，而在数组中的各个输入框的字段名是相同的。因此，当其中一个输入框进行校验时，其它输入框的校验状态也会被更新。
对象嵌套 <el-form><el-from-itemprop="formData.version_name"></el-from-item></el-form> 数组嵌套 <el-form><divv-for="version, i in formData.versions"><el-from-item:prop="`versions[${i}].version_name`":rules="formDataRules.version_name"></el-from-item></div></el-form> ...