el-form绑定的是一个对象,但在有些时候提交的表单中会有数组数据,校验有点不符合常理 例如这样的一个表单,付款方是个数组,这种怎么校验呢。上代码 用的循环el-form, :model绑定循环的item,也就是数组中的单个对象,然后prop绑定参数,rules正常写, 然后提交的时候,因为el-form是循环的,所以用ref绑定的fForm是一...
注意绑定的结果值是数组即可 最后不要忘了回显逻辑哦 el-form表头数据举例 子组件表单数据根据根据父组件传递过来的formHeader动态渲染。即v-for中搭配v-if去呈现,先简单看一下formHeader数据结构,具体在后边代码中都有的 // 表头数组数据 formHeader: [ { itemType: "text", // 输入框类型 labelName: "姓名...
-- el-form重点双重嵌套, model绑定的是item,也就是array下的每一项,规则是新的, 因为是多个el-form,所以这里的itemRef是数组,验证规则请看methods --> <el-form :model="item" :rules="itemRules" ref="itemRef"> <!-- prop绑定的是array下每一项的key值 --> <el-form-item prop="go"> <el-...
//1.初始化的时候要设置为一个空的数组editData:{headImageUrl:'',nickName:'',studentNumber:null,sex:null,dateOfBirth:'',ilicenseNo:'',nation:null,appointmentTime:null,politicsStatus:null,nativePlace:null,gradeClass:[]};//2.自定义写rules<el-form-itemlabel="年级班级"prop="gradeClass":rules=...
注意绑定的结果值是数组即可 最后不要忘了回显逻辑哦 el-form表头数据举例 子组件表单数据根据根据父组件传递过来的formHeader动态渲染。即v-for中搭配v-if去呈现,先简单看一下formHeader数据结构,具体在后边代码中都有的 // 表头数组数据 formHeader: [ { itemType: "text", // 输入框类型 labelName: "姓名...
第二步:每个el-form-item标签内绑定:prop(校验项) 与:rules(校验规则)。 然后是data(){}里的变量list。注意:list是对象,包裹着数组arr list:{arr: [{fuzeSearchText:'',dailiSearchText:'',departmentName:'',personChargeNo:'',personChargeName:'',personChargeNamePy:'',agentNo:'',agentName:'',col...
1、必须使用嵌套属性,即表格列表的数组应该是某个属性的值。例如: { elTableModel: { tableData: [] } } 1. 2. 3. 4. 5. 2、外层的 el-form 的 :model 属性是必须的,否则输入不会和校验属性绑定。 demo: <el-form :model="elTableModel" ref="propForm" :rules="rules"> ...
// 使用this.$children找到全部el-form-item子组件,获得的值为一个数组,并调用子组件中的validate方法并获得Promise数组 consttasks=this.$children .filter(item=>item.prop) .map(item=>item.validate()); // 全部任务必须所有成功才算校验经过,任一失败则校验失败 ...
formItemData是每个el-form-item信息的Object数组有label、name、status、value、tooltip setParamStatusList是下拉的值 stockForm是绑定的表单 attrStatusArr是表单中所有下拉的值 formItemList: [ { label: 'item1', name: 'attr1', status: 'attr1Status', ...