复杂/动态/循环表单,input输入值却触发校验

本文探讨了在Vue.js结合ElementUI中处理复杂、动态、循环表单时遇到的问题,特别是输入值变化如何触发校验以及如何灵活设置校验规则。在表单提交时,有效控制校验的难度成为了关注焦点。
摘要由CSDN通过智能技术生成

需求: 复杂表单,各种绑定值都不固定,出现输入值却触发校验,rules也不能写死,且最后提交校验不好控制。

大体例子如下:

<el-form
	class="autoFormLine"
	ref="testTabRef"
	:model="formContentObj"
	label-width="145px"
	v-loading="tabFormLoading">
	// <!-- inputFormat: 0格式未确定,(1单选,2多选,3数字,4文本)5日期,6日期+时间 -->
	<el-form
	  :model="fline"
	  ref="flineRef"
	  label-width="145px"
	  v-for="(fline,fl) in formContentObj.tabInfoList" :key="fl">
	<template>
	  <el-form-item
	    class="is-required"
	    :label="fline.fieldName + ':'">
	      <template v-if
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值