1.首先,Element ui官网上upload上传组件文件上传时候进度条是这样显示的:
这样的进度条在实际开发过程中有个问题:上传大文件的时候,进度条为100%后其实文件还并没有上传成功。
这样用户会以为上传成功了就进行其他操作。当然你可以在用户进行操作的时候判断上传状态,如果还正在上传的话弹出提示
但是即使是这样做也不太友好(用户会感觉都没上传成功你为什么给我显示100%)
2.解决以上问题的方法有很多种,殊途同归都是要改变上传的进度条,本文采用的的方法是将进度条改为以下样式:
上传中样式:
上传成功样式:
整体样式跟之前官网的样式一样,只不过去掉了进度条的进度显示改为了转圈圈的样子
需要注意的是:此处的文件列表显示已经不是upload自带的文件列表显示&#