ElmentUi 回填的数据无法通过表单校验

表单中有值,但是校验没通过

例如通过地图获取到的定位,回填到了表单中,表单中已经有数据了,但是表单校验没通过

这是因为表单校验的 trigger 只定义了 blur,没有定义 change ,把两个都加上就可以了

        receiveUserName: [
          {
            required: true,
            message: "默认收货人名称不能为空",
            trigger: ["blur", "change"],
          },
        ],

blur  是用户手动输入失去焦点时验证,所有鼠标点击输入框输入的数据可以触发校验,但是它监听不到数据直接回填到表单中的数据,以为你没有填写数据,表单校验自然不通过

change  只要值发生改变(包括程序改变)就会触发验证

如果文章对你有帮助可以给我点个赞

额外提醒:如果还不行,请给你表单校验的属性定义一个初始化状态 例如  receiveUserName = ""

以及 prop的名字 和 输入框v-model的名字尽量一致

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值