elementUI 文件上传

Element UI 提供了一个非常方便的文件上传组件。要使用Element-UI的文件上传，首先确保已经正确安装和引入了Element-UI组件库。

然后，可以按照以下步骤来实现文件上传：

1. 在需要使用文件上传的页面中，引入`el-upload`组件：

<template>
  <el-upload
    action="your-upload-url"
    :on-success="handleUploadSuccess"
    :limit="3"
    :file-list="fileList"
    multiple
    drag
    list-type="picture"
  >
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

2. 在组件的`data`属性中定义`fileList`数组，并在`methods`中定义`handleUploadSuccess`方法处理上传成功的回调：

<script>
export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handleUploadSuccess(response, file, fileList) {
      // 处理上传成功的回调
      console.log("上传成功");
      console.log(response); // 上传成功后服务器返回的数据
      console.log(file); // 当前上传的文件对象
      console.log(fileList); // 文件列表数组
    }
  }
};
</script>

3. 在`action`属性中填写你的文件上传接口地址，通过`on-success`属性指定上传成功的回调方法。

这样就可以实现一个简单的文件上传功能了，你可以根据需求对组件的其他属性进行配置，如限制文件类型、文件大小等。