iview 表单校验控件一直loading

本文针对表单校验中常见的问题进行了解析,特别是在modal弹窗进行form表单校验时,若校验未通过,如何避免控件持续loading的问题。提供了一种解决方案,即检查自定义验证函数的逻辑闭环,确保函数能够返回正确的布尔值。

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

1.需求描述:表单校验

2.使用场景:新增或编辑角色,弹窗操作

3.问题描述:modal弹窗做from表达校验,点击确定,如果校验不通过,控件不应该一直loading 如图:
在这里插入图片描述

4.解决思路:
一般这种问题很大可能就是自定义了检验函数,然而此函数并没有一个闭环,没有跑出去一个Boolean;可以检查一下是否函数内的判断逻辑是否有else的分支

data () {
      const validateTime = (rule, value, callback) => {
         // 重点检查这里的逻辑判断 是否有闭环 (callback)处理
      }
}
ruleValidate: {
    date: [
        { required: true, validator: validateTime, message: 'Please select the date', trigger: 'change' }
    ],
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端加油站

你遇到的坑将由我来踩

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值