(vue)el新增弹窗关闭清空文件上传列表_关闭弹窗销毁上传组件的文件

作者：我家自动化 | 2024-04-23 08:38:54

踩

关闭弹窗销毁上传组件的文件

(vue)el新增弹窗关闭清空文件上传列表：

// 1.绑定ref
<el-upload ref="mYupload">

// 2.清空列表方法
clearFiles() {
  this.$refs["mYupload"].clearFiles();
  //延伸-清空表单
  //this.$refs["ruleForm"].resetFields(); 
}, 

// 3.成功后调用
addDocument(this.uploadForm, fd).then((res) => {
   if (res.data.code == 200) { 
     this.clearFiles(); 
   }
 });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

效果：
在这里插入图片描述
修改后：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/473021

(vue)el新增弹窗关闭清空文件上传列表_关闭弹窗销毁上传组件的文件

(vue)el新增弹窗关闭清空文件上传列表 ：

(vue)el新增弹窗关闭清空文件上传列表：