el-form绑定的是一个对象,但在有些时候提交的表单中会有数组数据,校验有点不符合常理 例如这样的一个表单,付款方是个数组,这种怎么校验呢。上代码 用的循环el-form, :model绑定循环的item,也就是数组中的单个对象,然后prop绑定参数,rules正常写, 然后提交的时候,因为el-form是循环的,所以用ref绑定的fForm是一...
el-form 的 model 属性是用来指定表单使用的数据的,虽然 el-form 指定了 model 对象,但是,理论上,vue 并没有限制 el-input 绑定的数据,el-form 内部的 el-input 组件依然可以绑定其他数据。 需要注意的是,如果要用 rules 进行表单校验,那么 el-input 绑定的元素必须是 el-form 的 model 的直接属性,否则会...
model绑定的是item,也就是array下的每一项,规则是新的, 因为是多个el-form,所以这里的itemRef是数组,验证规则请看methods --> <el-form :model="item" :rules="itemRules" ref="itemRef"> <!-- prop绑定的是array下每一项的key值 --> <el-form-item prop="go"> <el-input v-model="item.go">...
element-ui el-form 某一值为数组,各项必填验证 <template><div><el-form:model="ruleForm":rules="rules"ref="ruleForm"label-width="80px"size="small"class="demo-ruleForm"><el-form-itemlabel="问题"prop="question"><el-inputv-model="ruleForm.question"maxlength="30"clearableplaceholder="请输入...
<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-...
:prop="'domains.' + index + '.value'" 拼接的是通过model绑定的对象的domains,为动态数组;index为遍历的下标;value为希望绑定的属性名称 <el-form:model="dynamicValidateForm"ref="dynamicValidateForm"label-width="100px"class="demo-dynamic"><el-form-itemprop="email"label="邮箱":rules="[ ...
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-table :data="tableData"> <!--表格列配置--> </el-table> <el-button @click="submitForm" type="primary">提交</el-button> </el-form> </template> ``` 上述代码中,我们将el-form的ref属性设置为"form",方...
el-form 中的数组表单验证(数组可动态添加删除) 除了一些简单的表单验证之外,我们还会有一些稍微复杂点的多层级表单的验证,如下图所示可点击添加,删除对数组进行操作,当点击确定时需要验证每一条form-item不能为空 其tempalte部分主要代码如下所示: <el-form:model="form"ref="cardForm":rules="rules"label-...