Vue rules动态控制是否校验

文章讲述了在表单中使用变量控制用户离职时间字段的动态校验功能,遇到的两个问题:1)校验时提示文字不消失;2)动态关闭校验后提示未收回。作者提供了相应的解决方案,包括手动验证字段和清除验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

可以使用变量来控制动态是否校验

userEndTime: [
  { required: false, message: "请选择用户离职时间", trigger: "blur" },
],

且用这个来更新

disabled2(newVal) {
  this.$set(this.authUserRules.userEndTime[0], 'required', newVal);
},

但是会有两个问题,一个是,当校验时,非空校验提示文字不收回,那么在单机校验字段方法中添加:

this.$refs.authOrgUserRefDom.validateField('userEndTime');

另一种情况是,当动态控制校验字段不校验后,提示文字不收回,那么在动态控制的字段加如下代码:

this.$refs.authOrgUserRefDom.clearValidate(['userEndTime']);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值