针对您提到的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...
<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...
image.png 以上这种写法是不生效的,但是before-upload会生效!!! !以下才是正确的写法! 此处省略解释,不懂可以去看源码
el-upload批量上传只执行一次成功回调on-success 删除掉: file-list="fileList" AI代码助手复制代码 在网上找了下解决方法,发现取消file-list绑定即可,网上也有自定义的上传事件的方法,不过这个操作起来更方便一些。 上面方法还是有点问题,正确的方法是在后台拉数据的时候,创建一个临时变量filelist2,然后将后台的数据fi...
把file-list 选项绑定去掉后,可以正常触发多次 onSuccess,但去掉 file-list,就无法使用 limit 限制。看官方Demo,file-list 可以自行组装用于二次回显的,理论上非双向绑定的情况下,file-list 应该由外部传递和管理,但目前的情况看来只要 file-list 被修改后,el-upload 上传回调就无法正常触发。
调用接口函数(参数,formData)可以传参了且调用接口成功(因为后端在上传成功后什么也没返回,又改了半天bug) 但是好像设置了:auto-upload="false",:on-success不再起作用(也可能是没在action设置地址的原因),看其他人有说在上面调用接口成功后再调用成功钩子函数...
beforeUpload(file) { //在这里你可以进行一些上传前的验证或其他操作 console.log('Before Upload:', file); return true; //返回true表示继续上传,返回false取消上传 }, //上传成功的回调函数 handleSuccess(response, file, fileList) { // response是服务器返回的数据 console.log('Upload Success:', respo...
使用el-upload组件遇到的坑。 1.第一种感觉最好,首先多个文件是一个http请求,另外还可以传除文件外其他的参数,但是没有进度条了。 发送请求的部分没有注释的部分是我分装了调后台的api,注释的部分是直接调。 注意如果使用自定义提交http-request,则on-success和on-error这两个钩子函数会不起作用,另外点击事件subm...
<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...