在做vue后台管理这种项目大部分都会有上传文件的功能,这里用到的是elementUi
经过排查是因为?auto-upload设置了false,影响到了before-upload不执行,而且http-request也不执行
设置的为true,生效了,但是不知道为什么在上传文件的时候不掉取接口正常,调取接口就会上传两遍,一直找不到原因,暂时解决方法:?this.$refs["upload"].clearFiles()在调取之前清一下文件,这样就调取一遍了。目前没找到更好的方法,只能先这样
官方文档这一样解释
auto-upload | 是否在选取文件后立即进行上传 | boolean | — | true |
<template>
<el-upload
ref="upload"
v-model="file"
class="upload-import"
action=""
:accept="jpg,png,text"
:auto-upload="true"
:show-file-list="FileList"
:http-request="handleUpload"
:before-upload="beforeUpload"
:on-change="handleChange"
:on-exceed="handleExceed"
:before-remove="beforeRemove"
drag
multiple
:disabled="uploadLoading"
>
</el-upload>
</template>
<script>
export default {
data() {
return {
};
},
mounted() {
},
};
</script>