关闭el-dialog弹窗,清空el-upload的file内容
时间: 2023-10-14 22:24:45 浏览: 190
清空input的file上传的数据
关闭el-dialog弹窗可以使用`this.$refs.dialogName.close()`,其中`dialogName`为你的弹窗组件的`ref`属性名。
清空el-upload的file内容可以使用以下方法:
1. 通过给el-upload组件设置key属性,动态改变key的值来清空已上传的文件。例如,给el-upload组件绑定一个变量`uploadKey`作为key的值,当需要清空文件时,将`uploadKey`的值修改即可。
```html
<el-upload
:action="uploadUrl"
:key="uploadKey"
ref="upload"
:on-success="handleSuccess"
:on-remove="handleRemove"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
```
```javascript
export default {
data() {
return {
uploadUrl: 'your upload url',
uploadKey: 0 // 初始值为0
}
},
methods: {
handleRemove() {
this.uploadKey++ // 删除时修改uploadKey的值
},
handleSuccess(res) {
// 上传成功后的处理
}
}
}
```
2. 调用el-upload组件的clearFiles方法清空已上传的文件。
```javascript
this.$refs.upload.clearFiles()
```
阅读全文