关闭弹窗,怎么清空el-upload的已上传的文件
时间: 2023-08-30 08:12:11 浏览: 51
要清空已上传的文件,可以通过以下步骤实现:
1. 获取到 el-upload 组件的实例。可以通过 ref 属性来获取。
2. 调用实例的 clearFiles() 方法。该方法会清空已上传的文件列表。
下面是示例代码:
```html
<template>
<el-upload
ref="upload"
action="/api/upload"
multiple
:file-list="fileList"
:on-success="handleSuccess"
>
<el-button slot="trigger">上传文件</el-button>
</el-upload>
<el-button @click="clearFiles">清空已上传的文件</el-button>
</template>
<script>
export default {
data() {
return {
fileList: []
}
},
methods: {
handleSuccess(response, file, fileList) {
// 处理上传成功的回调
},
clearFiles() {
this.$refs.upload.clearFiles()
}
}
}
</script>
```
在上面的代码中,我们通过 ref 属性获取了 el-upload 组件的实例,并在清空按钮的点击事件中调用了 clearFiles() 方法。这样就可以清空已上传的文件列表了。