<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){// 校验通过} }) }) 这样就能对数据进...
在Vue模板中,可以使用v-for指令来遍历数组中的每个对象。每个对象中的字段将作为el-form-item的prop属性,以便进行校验。 在循环内对每个字段执行校验逻辑: 在el-form组件中,通过rules属性定义校验规则。在循环体内,为每个el-form-item指定对应的校验规则。这些规则将根据prop属性的值进行匹配和校验。 收集并处理每个...
①设置el-form-item 的 prop值 与formdata 中定义的 key保持一致` ②如果 rules 需要通过 el-form 统一设置,rules 的 key定义也与 prop 保持一致(如果不一致,需要在 el-form-item 中 手动指定) ③复杂的校验函数可通过validator单独定义 <el-form class="demo-form" :model="form" :rules="rules" > <el...
sugar_: 发现里面的value是form循环项的每一项,这样的话方法二里面的formitm变成了每一项的item,if (value || formItem.student_phone || formItem.student_email) 这里的结果是所有数组里面都没填写的话才不会校验,而不是某一项 回复2023-07-05 来自上海 查看全部 1 个回答 ...
通过循环中的index来确定peop的绑定值,通过数组字段的拼接来实现代码如下 <div v-for="(item,i) in inRoomsData"> <el-form-item :prop="'inRoomsData.' + i + '.floorNum'" label="楼层" :rules="[{ required: true }]" style="display:inline-block"> ...
当提交表单时,检查手机号有没有修改过,如果有修改过并且还带有星号就去校验,但是因为form是循环,只要出现一个带有星号的所有的该字段都会校验并报错,如何只校验我form数组某一项的这个字段 前端javascriptelement-uivue.js 有用关注2收藏 回复 阅读2.3k 1 个回答 ...
submitForm (formName) { this.$refs[formName].validate((valid) => { if (!valid) return console.log('未通过校验') }) }, addItem () { this.form.activities.push({ name: '', content: '' }) }, removeItem (index) { this.form.activities.splice(index, 1) ...
// 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...
1.循环的数据中,每个el-form-item都写rules、prop 2.rules为data中rules对象对应属性,如'rules.name'; 3.prop的第一部分为data中该组遍历数据对应的数组名,此例中为form中的‘personList’;第二部分为遍历的key值变量;第三部分为form中的‘personList’中该输入框对应的属性名;...