element-ui图片上传不为空的表单验证

在做表单提交时,使用了element-ui的upload组件进行图片上传。

没有内容时,进行提交,出现下图

目前一切正常,但是当我将内容都填上时,其他的验证信息都消失了,图片的仍然在,如图

虽然不影响提交,但是不太好看,需要处理。

于是上官网找了一圈,发现upload组件没有事件,比如input组件的blur,change,focus之类的

这就不能在rule中的通过trigger来触发验证了

但是在官网上发现了on-success的钩子函数,只需要在上传成功后再次调用表单验证就OK了

然而我不是用的action提交,上传是自己写了一个方法

此时,只需在图片上传成功的回调中,再次调用表单的验证就可以了。

哈哈哈哈,最后看一下效果吧

没得问题,嗖嗨皮!!!

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值