重点1 用v-show 控制显示隐藏 重点2 prop 指定字段 重点3 :rules 动态指定规则 <div v-show="isShow"><FormItemlabel="111:"prop="yourField":rules="quxiangComputed ? yourRules.yourField: yourRules.noRequired"><Inputv-model="stateData.yourField"></Input></FormItem></div>// data 里面yourRu...
重点1 用v-show 控制显示隐藏 重点2 prop 指定字段 重点3 :rules 动态指定规则 <div v-show="isShow"> <FormItem label="111:" prop="yourField" :rules="quxiangComputed ? yourRules.yourField: yourRules.noRequired"> <Input v-model="stateData.yourField"></Input> </FormItem> </div> // d...
1、弹框中的form表单的校验不能使用Modal中自带的成功回调方法,需要自定义页脚的确定按钮 2、iview默认输入的都是String类型,如果是数组的地方增加校验的话,要设置 type="array" 3、动态增加的表单,如果是多个输入框,就将每个输入框各自套一个 <FormItem><FormItem/>,然后把需要动态增加的部分用div包裹循环 图片...
<Row v-show="config.bindIP"> <Col span="12"> <FormItem label="绑定IP:" prop="userPhoto" :rules="[{ required: true, validator: this.validateIPAddress, trigger: 'blur' }]"> <Input placeholder="请输入" v-model="formData.userPhoto" :maxlength="20" /> </FormItem> </Col> </Row>...
5、文本字数 校验 <FormItem label="券使用说明:" prop="desc"> <Input v-model="formValidate.desc" type="textarea" maxlength="140" show-word-limit :autosize="{minRows: 3,maxRows: 5}" placeholder="请输入券使用说明"></Input> </FormItem> desc: [ { required: true, message: '请输入...
8.iview表单必填的标志显示 使用iview自定义表单校验时,对于v-if显示状态的修改会影响的显示 使用v-if设置在新增是密码字段显示,编辑时不显示 这时校验规则已完成,设置只有办公电话不是必填项 切换到编辑时,密码字段消失,但是办公电话前会出现* <FormItem v-if="modalType===0"label="密码"prop="password"><In...
:label="true">是</Radio></RadioGroup></Col></Row></FormItem><Card v-show="formItemSave.activityAttendFlag==true"><FormItem label="报名时间" prop="activityAttendTime" :required="formItemSave.activityAttendFlag==true"><Row><Col span="20"><DatePicker v-model="formItemSave.activityAttend...
this.$emit('showCityName',data);//select事件触发后,自动触发showCityName事件 2.v-for 数组的渲染: v-for='(item,index) in list' :key="item.id" //index是序号, 加了:key(一定要具有唯一性) 对象渲染: v-for='(item,key) in Obj' :key="item.id" //item是值,key是键名,加了:key(一定...
Form 表单默认的 async-validator 校验,校验规则里如果不指定数据类型,默认是 String,但是下拉选项里的枚举值后端有时会弄成 Number,所以要自己指定 type: 'number',否则校验会一直不通过。 校验触发 trigger 一般直接选的用 change,输入的用 blur。 注意Modal + Form + Select时,如果 trigger: 'change',关闭弹窗...
简介:iview 表单提交之前验证是否符合条件 在表单提交之前 调用接口校验用户输入是否符合条件 符合则通过, 不符合 不让提交 <Card :title="title"><Form class="mt10" :model="editFormData" :rules="editFormValidate" style="width:500px;" ref="editForm" :label-width="100"><FormItem label="商品分类 ...