element 上传组件怎么清除上传的文件

Question

<el-col :span="6">

<el-upload
    :ref="upload"
    class="avatar-uploader"
    action="xx"
    :show-file-list="false"
    :on-success="handleAvatarSuccess"
    :on-change="beforeAvatarUpload">
    <img v-if="imageUrl" :src="imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
    <img width="100%" :src="dialogImageUrl" alt="">
    <p class="" @click="clear()">删除</p>
</el-dialog>

</el-col>

methods: {

  beforeAvatarUpload(file) {
      this.imageUrl = URL.createObjectURL(file.raw);
      this.dialogVisible = true;
      this.clearFiles()
  },
  clear(){
      alert('ok')
    this.$refs.upload.clearFiles()
    vm.$refs.upload.uploadFiles.length = 0
  }

}### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

删除你让你的url清空 不显示不就好了吗 这个也需要后台的数据删除啊

Answer 2

:on-remove 回调中删除文件

Answer 3

使用
this.$refs.upload.clearFiles();