文章讨论了在使用ElementUI的表单组件和上传文件组件时遇到的验证问题。当上传文件后，非空验证提示仍然显示，需要手动再次验证。作者提出了两种解决方案：一是参考ElementUI的el-form和el-upload的交互处理；二是利用form-item的change事件和组件间的provide/inject通信机制来监听并更新验证状态。
场景如下
在表单组件中有上传文件组件，
用一个对象数组存储附件名称、路径等信息，
提交时候验证该数组是否为空，
出现的问题是：
非空验证激活后，上传文件，验证提示文字仍然存在；
需要再手动验证一次。
第一种方案参考如下
ElementUI中el-form验证el-upload上传的文件_码农阿焦的博客-CSDN博客
第二中方案如下
以下是element-ui源码内容：
form-item组件绑定了el.form.change,且这组件通过provide暴露出去了
然后在诸如el-input这类组件中注入form-item，并在合适的实际触发el.form.change
因为是provide暴露的，我们在自己的代码中也可以访问，在需要的实际触发即可，
我这里是监听这个保存附件的列表变化
源码中的dispatch应该是饿了么自己封装的触发器，不用管他
扫一扫
5913
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
