参考文章:
Element ui upload上传组件修改文件上传进度条 - 程序员大本营
在实际开发过程中有个问题:上传大文件的时候,进度条为100%后其实文件还并没有上传成功。
<!-- //自定义 upload自带的文件列表显示
//show-file-list设置为false
//解决上传大文件的时候,进度条为100%后其实文件还并没有上传成功 -->
<div>
<ul
class="el-upload-list el-upload-list--text"
>
<li
class="el-upload-list__item is-success"
v-for="(item, index) in fileList"
:key="index"
>
<a class="el-upload-list item-name">
<i class="el-icon-document">
</i>
{{ item.name }}
</a>
<label
class="el-upload-list__item-status-label"
>
<i
v-if="
item.status ==
'uploading'
"
><i
class="el-icon-loading"
style="color:#67C23A"
></i
></i>
<i
v-else-if="
item.status ==
'success' ||
item.url
"
><i
class="el-icon-circle-check"
style="color:#67C23A"
></i
></i>
<i
v-else-if="
item.status == 'warning'
"
><i
class="el-icon-circle-close"
style="color:red"
></i
></i>
</label>
<i
class="el-icon-close"
@click="handleRemove(item)"
></i>
</li>
</ul>
</div>