el-upload上传文件file已经清空了,但是上传文件样式还是存在的,需要手动关闭
时间: 2023-12-02 20:02:47 浏览: 96
可以通过监听 `remove` 事件来实现清空上传文件并关闭上传文件样式。示例代码如下:
```html
<el-upload
ref="upload"
action="/upload"
v-model="fileList"
@remove="handleRemove"
>
<el-button>上传文件</el-button>
</el-upload>
```
```javascript
methods: {
handleRemove(file, fileList) {
// 清空上传文件
this.$refs.upload.clearFiles();
// 关闭上传文件样式
this.$refs.upload.uploadFiles = [];
}
}
```
在 `remove` 事件中,可以先调用 `clearFiles` 方法清空上传文件,然后再将 `uploadFiles` 属性设置为空数组,即可关闭上传文件样式。
阅读全文