Ant Design of Vue 上传文件状态一直为uploading

Posted 2023-03-16

参考技术A

多文件上传 ，上传成功但是前端组件没有回显。查看 change 时间， file 状态一直是 uploading ，正常状态应该是 done

onchange 只触发了一次，单文件上传 @change 时间会触发两次，第一次 file.status = uploading ，最后一次为 done 或者 error 。但是如果是需要上传显示一组文件，则需要保存文件的状态会给一个属性 file-list="fileList" 这时候 change 事件只会触发一次（ uploading ）。

对于受控模式，你应该在 onChange 中始终随时跟踪 fileList 的状态，保证所有状态同步到 Upload 内。

最后一行是关键，无论 file 上传状态如何 filelist 一定要同步，还有不能用 return ，要不然就没有回调了

感谢： https://blog.csdn.net/zhhao1/article/details/107106890
https://segmentfault.com/a/1190000038666283?utm_source=tag-newest

Ant Design of Vue —— setFieldsValue方法 动态操作Switch组件

 

在开发中经常使用Form组件管理表单，这次想通过form提供的setFieldsValue()方法动态改变Switch组件状态，却没有生效。

 

查阅官方文档之后，发现有如下说明： 

加入valuePropName属性之后，就可以使用动态操作Switch组件了。

例如：

 1 <a-switch
 2 　　checkedChildren="开"
 3     unCheckedChildren="关"
 4     v-decorator="[
 5        ‘templateExempt‘,
 6        {
 7           valuePropName: ‘checked‘,
 8           rules: [ { required: true, message: ‘‘ }]
 9        }
10     ]"
11 />