el-upload 没有 uploadFiles属性了

el-upload 组件的 uploadFiles 属性已经被移除了。现在，可以通过监听 file-list 属性的变化来实现上传文件的功能。当 file-list 发生变化时，组件会自动上传文件。

以下是一个示例代码：

<template>
  <el-upload :file-list="fileList" @change="handleFileChange">
    <el-button slot="trigger">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handleFileChange(file, fileList) {
      // 处理文件变化的逻辑
      // 可以在这里调用上传文件的接口
    }
  }
};
</script>

在上面的代码中，我们使用了 file-list 属性来绑定文件列表，并通过 @change 事件监听文件变化。当文件发生变化时，会触发 handleFileChange 方法，你可以在这个方法中处理文件上传的逻辑。

相关问题

点击el-upload之外的按钮，怎么判断el-upload里的文件是否上传

你可以使用 `ref` 属性给 `el-upload` 组件命名一个引用，然后在点击其他按钮时，通过引用获取 `el-upload` 组件实例，从而判断文件是否上传。具体代码可以参考如下示例：

<template>
  <div>
    <el-upload
      ref="upload"
      class="upload-demo"
      action="/upload"
      :on-success="handleSuccess"
      :on-error="handleError"
      :before-upload="beforeUpload"
      :auto-upload="false"
    >
      <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
      <el-button size="small" type="success" @click="submitUpload">上传到服务器</el-button>
      <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
    </el-upload>
    <el-button @click="checkUploadStatus">检查文件上传状态</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    // 判断文件是否上传
    checkUploadStatus() {
      const uploadInstance = this.$refs.upload.$refs.upload
      if (uploadInstance.uploadFiles.length > 0) {
        console.log('文件已上传')
      } else {
        console.log('文件未上传')
      }
    },
    // 其他方法
    beforeUpload() {},
    handleSuccess() {},
    handleError() {},
    submitUpload() {},
  },
}
</script>

在上面的示例中，我们给 `el-upload` 组件设置了 `ref="upload"`，然后在 `checkUploadStatus` 方法中获取 `el-upload` 组件实例，然后判断 `uploadFiles` 数组的长度是否大于 0，如果大于 0，则说明文件已经上传，反之则说明文件未上传。

el-dialog 中的el-upload上传完关闭el-dialog时清空内容

在Element UI的`<el-dialog>`组件中，如果你想在`el-upload`上传完成后自动关闭弹窗并清空上传内容，你可以这样做：

首先，在`<el-dialog>`内包含一个`<el-upload>`元素，并设置它的`on-success`回调函数，这个函数会在文件上传成功后被调用。在这个回调中，你可以清除上传区域的内容，并调用`dialog.close()`关闭对话框。

示例代码如下：

<template>
  <el-dialog title="文件上传" :visible.sync="dialogVisible">
    <el-upload
      action="your-upload-url"
      :auto-close="true"  <!-- 设置上传后自动关闭 -->
      on-success="handleSuccess"
      :clearable="true"  <!-- 允许用户点击清除按钮 -->
    >
      <el-button slot="trigger">选择文件</el-button>
    </el-upload>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
    };
  },
  methods: {
    handleSuccess(response) {
      // 文件上传成功后，这里可以对response做进一步处理，然后关闭对话框
      console.log('文件上传成功:', response);
      this.dialogVisible = false;  // 关闭对话框
      this.uploadFiles = [];        // 清空上传内容，假设uploadFiles是保存上传文件的地方
    },
  },
};
</script>