本文主要是介绍el-upload为什么拖拽不起效果,before-upload不执行,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在做vue后台管理这种项目大部分都会有上传文件的功能,这里用到的是elementUi
经过排查是因为 auto-upload设置了false,影响到了before-upload不执行,而且http-request也不执行
设置的为true,生效了,但是不知道为什么在上传文件的时候不掉取接口正常,调取接口就会上传两遍,一直找不到原因,暂时解决方法: this.$refs["upload"].clearFiles()在调取之前清一下文件,这样就调取一遍了。目前没找到更好的方法,只能先这样
官方文档这一样解释
auto-upload | 是否在选取文件后立即进行上传 | boolean | — | true |
<template><el-uploadref="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"dragmultiple:disabled="uploadLoading"></el-upload>
</template><script>
export default {data() {return {};},mounted() {},
};
</script>
这篇关于el-upload为什么拖拽不起效果,before-upload不执行的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!