el-upload文件删除按钮点击事件
时间: 2023-11-21 17:58:34 浏览: 282
【JavaScript源代码】vue+el-upload实现多文件动态上传.docx
5星 · 资源好评率100%
el-upload组件提供了多种方法来调用删除文件的操作,以触发相应的before-remove钩子、从组件的列表删除对应文件、on-remove钩子。以下是两种常用的方法:
1.使用$refs调用删除文件的操作:
```javascript
this.$refs.upload_attach.$refs['upload-inner'].onRemove(file);```
其中,upload_attach是el-upload组件的ref属性值,file是要删除的文件对象。
2.使用handleRemove方法调用删除文件的操作:
```javascript
this.$refs.upload_attach.handleRemove(file);
```
其中,upload_attach是el-upload组件的ref属性值,file是要删除的文件对象。
需要注意的是,以上两种方法都会触发before-remove钩子和on-remove钩子,并从组件的列表中删除对应的文件。
阅读全文