针对您提到的el-upload的on-success不生效问题,我们可以从以下几个方面进行排查和解决: 1. 检查el-upload组件的on-success属性是否已正确绑定 首先,确保在el-upload组件上正确设置了on-success属性,并且该属性绑定到了一个有效的函数上。在Vue中,通常我们会使用@success或v-on:success来监听成功事件。例如: html &...
<el-upload ref="uploadAdd" class="uploadAdd" :action="uploadUrl" :on-error="uploadError" :on-success="uploadSuccess" :on-change="handleChangeAdd" :on-exceed="handleExceed" :on-remove="handleRemoveAdd" :limit="1" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,appli...
以上这种写法是不生效的,但是before-upload会生效!!! !以下才是正确的写法! 此处省略解释,不懂可以去看源码
<el-upload ref="uploadAdd" class="uploadAdd" :action="uploadUrl" :on-error="uploadError" :on-success="uploadSuccess" :on-change="handleChangeAdd" :on-exceed="handleExceed" :on-remove="handleRemoveAdd" :limit="1" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,appli...
el-upload批量上传只执行一次成功回调on-success 删除掉: file-list="fileList" AI代码助手复制代码 在网上找了下解决方法,发现取消file-list绑定即可,网上也有自定义的上传事件的方法,不过这个操作起来更方便一些。 上面方法还是有点问题,正确的方法是在后台拉数据的时候,创建一个临时变量filelist2,然后将后台的数据fi...
在网站找了很多,发现问题的定位,基本上都是因为没有及时清理文件导致的,需要调用组件的clearFiles方法,相关代码如下,但是我试了并不行。 <!-- Vue2版本 --> <template> <el-upload ref="uploadRef"> ... :on-success="handleSuccess" </el-upload> ...
将auto-upload设置成false,用on-change来操作 <el-upload class="upload-demo" :action="uploadUrl" :auto-upload="false" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" :on-success="handleSuccess" :on-exceed="handleExceed" ...
:on-success="handleUploadSuccess" :on-error="handleUploadError" :on-progress="progressUpload" :before-upload="beforeUpload" show-file-list multiple> 点击上传,或者拖拽到这里 </el-upload> 代码中我是将before-upload方法返回false,然后点击确认之后,调_this...
因为before-upload 是指在文件上传之前、文件已被选中,但还没上传的时候触发,而设置了 :auto-upload="false" 后,文件上传事件不被再次调用,,所以 before-upload 不生效,所以,限制图片大小和格式的时候,需绑定在 :on-change 里面 <el-uploadclass="upload-demo uploadTwo"ref="fileUploadRef":action="fileUrl ...
<el-upload ref="uploadAdd" class="uploadAdd" :action="uploadUrl" :on-error="uploadError" :on-success="uploadSuccess" :on-change="handleChangeAdd" :on-exceed="handleExceed" :on-remove="handleRemoveAdd" :limit="1" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,appli...