el-upload clearFiles
时间: 2024-06-01 21:06:50 浏览: 99
vue-cli3.0+element-ui上传组件el-upload的使用
5星 · 资源好评率100%
el-upload是一个基于Element UI的上传组件,clearFiles是它提供的一个方法,用于清空已上传的文件列表。当你调用这个方法时,已上传的文件将会从文件列表中移除。
如果您需要在上传成功后清空文件列表,您可以使用该方法。以下是使用示例:
```
<el-upload
ref="upload"
action="/your/upload/url"
:on-success="handleSuccess">
<el-button slot="trigger">选取文件</el-button>
<el-button slot="clear" @click="clearFiles">清空文件</el-button>
</el-upload>
<script>
export default {
methods: {
handleSuccess(response, file, fileList) {
// 处理上传成功后的逻辑
// 上传成功后,如果需要清空文件列表,调用以下方法
this.$refs.upload.clearFiles();
},
clearFiles() {
// 调用clearFiles方法清空文件列表
this.$refs.upload.clearFiles();
}
}
}
</script>
```
阅读全文