上代码 用的循环el-form, :model绑定循环的item,也就是数组中的单个对象,然后prop绑定参数,rules正常写, 然后提交的时候,因为el-form是循环的,所以用ref绑定的fForm是一个数组,要循环校验 fForm.value.forEach((item:any) =>{ item.validate((vali:boolean) =>{if(vali){// 校验通过} }) }) 这样就能...
-- 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-...
el-form 的 model 属性是用来指定表单使用的数据的,虽然 el-form 指定了 model 对象,但是,理论上,vue 并没有限制 el-input 绑定的数据,el-form 内部的 el-input 组件依然可以绑定其他数据。 需要注意的是,如果要用 rules 进行表单校验,那么 el-input 绑定的元素必须是 el-form 的 model 的直接属性,否则会...
<el-form:model="form"ref="cardForm":rules="rules"label-position="top"><el-form-itemv-for="(item, index) in form.CARD_RIGHTS_LIST":label="'卡权益' + (index+1)":key="index":prop="`CARD_RIGHTS_LIST.${index}.RIGHT_NAME`":rules="{required: true, message: `请输入信用卡权益${in...
<enhanced-el-form :model="model" :schema="schema" ></enhanced-el-form>复制代码 1. 这边借鉴cube-ui的form属性 model属性,表单数据对象,{name:'颜酱',age:18} schema属性,每个表单项的配置数组,如下 本文代码后期可能较复杂,需要的话,可以去看github代码 ...
基本数据如下所示,form数据中包含一个数组,那么数组中的rules该怎么设置呢? // form表单的数据 form: { key1: '', key2: '', key3: [ { key3_key1: '', key3_key2: '' }, { key3_key1: '', key3_key2: '' } ] } // el-form标签 <el-form ref="form" :model="form"> <el-...
el-form-item 的 prop、rules以及表单控件的 v-model,三者的值必须一致,校验才会生效; 数据格式,el-form的model接收一个对象,这个对象里面存放el-table的数据字段,是一个数组,数组里面是对象。 // LaborTable 就是 el-table,这里是二次封装后的<el-formref="ruleFormRef":model="otherForm">// otherform是...
</el-form> </template> ``` 上述代码中,我们将el-form的ref属性设置为"form",方便后续使用。:model绑定了表单的数据对象form,:rules定义了表单的校验规则。el-table使用:data绑定了表格的数据源tableData。 3.在data中定义表单的数据对象和校验规则。 ```js data() { return { form: { //表单数据 },...
通过循环中的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...