el-upload自己来上传文件

对于el-upload组件，你可以使用它的默认行为来实现文件上传。首先，确保已经正确安装了Element UI库，并正确引入了el-upload组件。

接下来，你可以通过以下步骤来使用el-upload来上传文件：

1. 在你的Vue组件中，使用import语句来引入el-upload组件。

import { Upload } from 'element-ui'

2. 在template中使用el-upload组件，设置必要的属性。

<template>
  <el-upload
    action="/your-upload-url"
    :auto-upload="false" 
    :limit="3"
    :on-exceed="handleExceed"
    :before-upload="beforeUpload"
  >
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过3个文件</div>
  </el-upload>
</template>

其中`action`属性指定了文件上传的URL地址，`auto-upload`属性设置为false表示手动触发上传，`limit`属性限制了最多可上传的文件数，`on-exceed`和`before-upload`属性分别指定了超出限制和上传前的回调函数。

3. 在methods中编写相关的回调函数。

methods: {
  handleExceed(files, fileList) {
    this.$message.warning(`只能上传三个文件`);
  },
  beforeUpload(file) {
    // 自定义文件类型和大小限制
    const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
    const isLt2M = file.size / 1024 / 1024 < 2;
    if (!isJPG) {
      this.$message.error('只能上传 JPG/PNG 格式的图片');
    }
    if (!isLt2M) {
      this.$message.error('文件大小不能超过 2MB');
    }
    return isJPG && isLt2M;
  }
}

在`handleExceed`函数中，你可以自定义超出限制时的提示信息。在`beforeUpload`函数中，你可以进行文件类型和大小的判断，并给出相应的提示。

这样，你就可以通过el-upload组件实现文件上传了。记得适配你自己的上传URL和文件类型、大小限制。希望对你有所帮助！如果还有其他问题，请继续提问。