Vue.js iview ui成功上传后如何清除文件？

我正在尝试将文件列表清除为iview ui默认显示文件列表。问题是，用户可以在不同的时间上传文件，而IVEWUIUpload组件将旧文件保留在列表中。我不知道名单是从哪里来的。我看到有一种方法

clearFiles

，但不知道如何使用它。文档中没有示例。 这就是我使用的方法。 有一件事，如果我将

：show upload list

设置为

false

列表不会显示，但进度条也不会显示。我希望进度条保持不变，列表不应该出现

<Upload
   :multiple="false"

   :show-upload-list="true"
   :on-success="handleSuccess"
   :format="['jpg','jpeg','png', 'pdf', 'docx', 'txt', 'mp4', 'mp3', 'zip']"
   :max-size="21048"
   :on-format-error="handleFormatError"
   :on-exceeded-size="handleMaxSize"
   type="drag"
   :action="isFileUpload.url"
   :data="isFileUpload.meta"

>
<div style="padding: 20px 0">
    <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
    <p>Click or drag files here to upload</p>
</div>

单击或拖动此处的文件以上载

谢谢。

您可以将

ref=“upload”

添加到vue组件并使用

清除文件。$refs.upload.clearFiles（）

单击或拖动此处的文件以上载

导出默认值{
...
方法：{
手感成功（）{
这是。$refs.upload.clearFiles（）
}
}
...
}

请显示一些代码片段！

<template>
  <Upload
     ref="upload"
     :multiple="false"
     :show-upload-list="true"
     :on-success="handleSuccess"
     :format="['jpg','jpeg','png', 'pdf', 'docx', 'txt', 'mp4', 'mp3', 'zip']"
     :max-size="21048"
     :on-format-error="handleFormatError"
     :on-exceeded-size="handleMaxSize"
     type="drag"
     :action="isFileUpload.url"
     :data="isFileUpload.meta"

  >
  <div style="padding: 20px 0">
      <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
      <p>Click or drag files here to upload</p>
  </div>
</template>


<script>
export default {
  ...
  methods: {
    handleSuccess () {
      this.$refs.upload.clearFiles()
    }
  }
  ...
}
</script>