关闭对话框，el-upload清空file-list_el-upload clearfiles

如上，每次点开新对话框，上次上传的文件还在，需要关闭对话框时清空。

清空file-list

el-upload绑定ref，通过此ref调用el-upload提供的this.$refs.xxx.clearFiles()清空。

关闭对话框调用事件

el-dialog绑定关闭事件@close：@close='closeDialog'，编写该方法实现。

代码

就看el-upload的ref和对话框的close事件。

<el-upload
            class="upload-demo"
            ref="adModel"
            name="file"
            :before-upload="beforeDoAd"
            :on-success="uploadSuccessAd"
            :on-error="uploadErrorAd"
            :show-file-list="true"
          >

<el-dialog :title="dialogTitleResult" :visible.sync="dialogResultFormVisible" @close='closeDialog'>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogResultFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitResultForm('resultForm')">确 定</el-button>
      </div>
    </el-dialog>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

closeDialog() {
      this.$refs.adModel.clearFiles()
    }
1
2
3