针对您提到的el-upload的on-success不生效问题,我们可以从以下几个方面进行排查和解决: 1. 检查el-upload组件的on-success属性是否已正确绑定 首先,确保在el-upload组件上正确设置了on-success属性,并且该属性绑定到了一个有效的函数上。在Vue中,通常我们会使用@success或v-on:success来监听成功事件。例如: html &...
image.png 以上这种写法是不生效的,但是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 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> ...
1.在组件的`el-upload`标签上绑定`onsuccess`属性,值为一个事件处理函数的名称或内联表达式。 ```html <el-upload :onsuccess="handleSuccess"> <!-- ... --> </el-upload> ``` 2.在定义`el-upload`组件所在的Vue实例中,声明`handleSuccess`方法,用于处理上传成功的逻辑。 ```javascript methods: {...
将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" ...
把file-list 选项绑定去掉后,可以正常触发多次 onSuccess,但去掉 file-list,就无法使用 limit 限制。看官方Demo,file-list 可以自行组装用于二次回显的,理论上非双向绑定的情况下,file-list 应该由外部传递和管理,但目前的情况看来只要 file-list 被修改后,el-upload 上传回调就无法正常触发。