el-upload的clearfiles方法
时间: 2023-11-08 20:04:37 浏览: 192
vue-cli3.0+element-ui上传组件el-upload的使用
5星 · 资源好评率100%
el-upload组件的clearFiles方法可以用于清空已选择的文件列表。调用该方法后,el-upload组件将不再显示任何选择的文件。
在Vue中,你可以通过ref属性给el-upload组件命名,并在需要的地方使用this.$refs来访问该组件的实例。然后,你可以通过调用clearFiles()方法来清空文件列表。下面是一个示例:
```vue
<template>
<div>
<el-upload ref="upload" action="/upload">
<el-button slot="trigger">选择文件</el-button>
</el-upload>
<el-button @click="clearFiles">清空文件</el-button>
</div>
</template>
<script>
export default {
methods: {
clearFiles() {
this.$refs.upload.clearFiles();
}
}
}
</script>
```
阅读全文