<el-form-item label="数据库库名:" prop="database"> <el-input v-model="form.database" placeholder="请输入数据库库名"> </el-input> </el-form-item> <el-form-item label="数据表名称:" prop="sheet"> <el-input v-model="form.sheet" placeholder="请输入数据表名称"> </el-input> <...
用的循环el-form, :model绑定循环的item,也就是数组中的单个对象,然后prop绑定参数,rules正常写, 然后提交的时候,因为el-form是循环的,所以用ref绑定的fForm是一个数组,要循环校验 fForm.value.forEach((item:any) =>{ item.validate((vali:boolean) =>{if(vali){// 校验通过} }) }) 这样就能对数据进...
一、普通的值类型的数据校验 ①设置el-form-item 的 prop值 与formdata 中定义的 key保持一致` ②如果 rules 需要通过 el-form 统一设置,rules 的 key定义也与 prop 保持一致(如果不一致,需要在 el-form-item 中 手动指定) ③复杂的校验函数可通过validator单独定义 <el-form class="demo-form" :model="fo...
</el-form> ``` 2.在el-form中定义校验规则formRules,对数组属性进行校验。 ```js data() { return { formData: { //表单其他字段 }, formRules: { //其他字段的校验规则 dataList: [ { type: 'array', required: true, message: '请至少添加一条数据', trigger: 'blur' }, //其他校验规则 ...
// 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...
通过循环中的index来确定peop的绑定值,通过数组字段的拼接来实现代码如下 <div v-for="(item,i) in inRoomsData"> <el-form-item :prop="'inRoomsData.' + i + '.floorNum'" label="楼层" :rules="[{ required: true }]" style="display:inline-block"> <el-input size="small" v-model="item...
数组 // 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-...
sugar_: 发现里面的value是form循环项的每一项,这样的话方法二里面的formitm变成了每一项的item,if (value || formItem.student_phone || formItem.student_email) 这里的结果是所有数组里面都没填写的话才不会校验,而不是某一项 回复2023-07-05 来自上海 查看全部 1 个回答 ...
其它的提示没了吗？因为elform的校验是基于字段名进行的。在elform中遍历数组，并且只有一个输入框进行校验时，其它输入框的提示信息会被隐藏。这是因为elform的校验是基于字段名进行的，而在数组中的各个输入框的字段名是相同的。因此，当其中一个输入框进行校验时，其它输入框的校验状态也会被更新。