[element-ui] form的多个字段之间联动验证和取消验证

目录字段: 去/返程日期(deptDate), 去/返程班次(flghtTrainSchedNo)HTML片段JS片段字段: 去/返程日期(deptDate), 去/返程班次(flghtTrainSchedNo)页面一进入时,都为非必填项,逻辑出现必填的范围只有飞机和火车,汽车和自驾没有必填的验证如果用户操作了,其中一项,两者都为必填如果用户删除了一项且另一项无值时,变为非必填如果先点击了飞机或火车再去点击汽车和自驾,则取消验证必填项使用监听触发验证和取消验证简单的描述: 两者一个有值时
摘要由CSDN通过智能技术生成

字段: 去/返程日期(deptDate), 去/返程班次(flghtTrainSchedNo)
  1. 页面一进入时,都为非必填项,
  2. 逻辑出现必填的范围只有飞机和火车,汽车和自驾没有必填的验证
  3. 如果用户操作了,其中一项,两者都为必填
  4. 如果用户删除了一项且另一项无值时,变为非必填
  5. 如果先点击了飞机或火车再去点击汽车和自驾,则取消验证必填项
  6. 使用监听触发验证和取消验证

简单的描述: 两者一个有值时,验证,都无值时不验证
在这里插入图片描述

HTML片段
<div class="" v-for="(item,i) in form.tripTcktList" :key="'form.tripTcktList'+i">
	<div class="formlist">
	   <el-form-item :label="(item.roundTripInd ===1?'去':'返')+'程日期'"
	                  :prop="'tripTcktList.' + i + '.deptDate'"
	                  :rules="{ required: item.tripRequireStt, messag
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值