问题: 校验form 表单中 el-upload 文件是否上传问题
注意: 因为 el-upload 监测不到 change 、 blur 这样的状态,不能利用 trigger 属性动态实时校验
解决思路:
- prop 属性值设置与 file-list 绑定的字段名一致
- 在 rules 中设置同名校验规则 ,判断上传文件数组的长度
- 文件上传成功时,在 el-upload 的 on-change 钩子函数或 http-request 完成函数中,触发validateField 方法对 prop 绑定字段进行单独校验
- 文件删除时,在 on-remove 钩子函数,触发 validateField 方法对 prop 绑定字段进行单独校验
代码实现: